自学之路(六):通过js获取id的值demo实例

自学之路(六):通过js获取id的值demo实例

木来 木来

看了视频之后,做了一个js获取id值的小demo,但是发现有个问题,就是html文档是从上向下解析的,你的js代码必须放到html文档下面,否则执行的结果可能为NULL。

然后联系到了之前学jQuery的全局加载,就是当页面全部加载完成之后,再执行其中的js代码。

于是,就做了下面的例子,这样,js代码就可以写在页面的最上面了。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>诚意印象网站</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<script>

window.onload=function(){
  alert(document.getElementById("spanid").innerHTML);
}
</script>
<body>
        <span id="spanid">abcd</span>
</body>
</html>

效果如下:

图片.png

0 条评论