0
点赞
收藏
分享

微信扫一扫

JavaScript 获取元素方法

仅供学习,转载请注明出处


JavaScript 获取元素方法_javascript


获取元素方法一

可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如:

<script type="text/javascript">
var oDiv = document.getElementById('div1');
</script>
....
<div id="div1">这是一个div元素</div>


JavaScript 获取元素方法_javascript_02


上面的语句,如果把javascript写在元素的上面,就会出错,因为页面上从上往下加载执行的,javascript去页面上获取元素div1的时候,元素div1还没有加载,解决方法有两种:

第一种方法:将javascript放到页面最下边

....
<div id="div1">这是一个div元素</div>
....

<script type="text/javascript">
var oDiv = document.getElementById('div1');
</script>
</body>


JavaScript 获取元素方法_赋值_03


第二种方法:将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行,就不会出错了。

<script type="text/javascript">
window.onload = function(){
var oDiv = document.getElementById('div1');
}
</script>

....

<div id="div1">这是一个div元素</div>


JavaScript 获取元素方法_javascript_04


JavaScript 获取元素方法_javascript_05


举报

相关推荐

0 条评论