获取元素四种方法

获取元素：

如何获取页面元素：

DOM在我们实际开发中主要用来操作元素。

获取页面中的元素可以使用以下几种方式:

1.根据ID获取

　　使用getElementByld0方法可以获取带有ID的元素对象。

<body>
    <div id="one">111111</div>
</body>
<script>
    var a = document.getElementById('one');
    console.log(a);
</script>

 

2.根据标签名获取

　　使用getElementsByTagName()方法可以返回带有指定标签名的对象的集合。

<body>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</body>
<script>
    // 返回的是获取过来元素对象的集合以伪数组的形式存储的
    var b = document.getElementsByTagName('li')
    console.log(b);
    console.log(b[0]);
</script>

 

3.通过HTML5新增的方法获取

4.特殊元素获取

 

posted @ 2022-04-08 20:32  今天穿秋裤了吗  阅读(476)  评论(0)    收藏  举报