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获取元素的方法的主要内容,如果未能解决你的问题,请参考以下文章

airtest+pytest实战教程05—登录智学网app

js获取元素方法

获取 JS 中 DOM 元素的计算字体大小

js如何获取页面 元素

js获取元素高度怎么写呢?

js 如何获取class的元素