获取元素四种方法

获取元素：

如何获取页面元素：

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 @   今天穿秋裤了吗  阅读(463)  评论(0)  编辑  收藏  举报
相关博文：
·  jQuery 对象和DOM对象
·  DOM重点核心
·  DOM——获取页面元素， getElementById，getElementsByTagName，getElementsByClassName，querySelector ，querySelectorAll
·  JavaScript中几种 获取元素的方式
·  温故而知新——DOM
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示
AI IDE Trae