JS教程05获取元素的方法
Posted zeug
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS教程05获取元素的方法相关的知识,希望对你有一定的参考价值。
获取元素方法
可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如:
<script type="text/javascript"> var oDiv = document.getElementById(‘div1‘); </script> .... <div id="div1">这是一个div元素</div>
上面的语句,如果把javascript写在元素的上面,就会出错,因为页面上从上往下加载执行的,javascript去页面上获取元素div1的时候,元素div1还没有加载,解决方法有两种:
(1)第一种方法:将javascript放到页面最下边
.... <div id="div1">这是一个div元素</div> .... <script type="text/javascript"> var oDiv = document.getElementById(‘div1‘); </script> </body>
(2)第二种方法:将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行,就不会出错了。
<script type="text/javascript"> window.onload = function() var oDiv = document.getElementById(‘div1‘); </script> .... <div id="div1">这是一个div元素</div>
以上是关于JS教程05获取元素的方法的主要内容,如果未能解决你的问题,请参考以下文章