HTML DOM查找元素的3中方法

秦时明月之君临天下

于 2022-09-16 22:41:41 发布

阅读量454

点赞数

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/weixin_41287260/article/details/126898813

版权

HTML 专栏收录该内容

25 篇文章 4 订阅

订阅专栏

HTML DOM 定义了多种查找元素的方法，如：

getElementById() ：结果为单对象
getElementsByName() ：结果为数组对象
getElementsByTagName()：结果为数组对象

不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。

在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。

示例

<body>

  <div id="testid" title="">这是div块</div>

  <p name='testname'>这是段落,name = 'testname'</p>

  <p>这是段落</p>

  <script>
    var test = document.getElementById("testid").innerText;
    console.log('test:' + test);
    var test2 = document.getElementsByName("testname")[0].innerText;
    console.log('test2:' + test2);
    var test3 = document.getElementsByTagName("p")[1].innerText;
    console.log('test3:' + test3);
  </script>
</body>

结果
在这里插入图片描述

详见：https://codepen.io/yansheng836/pen/ZEoeQbb

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

秦时明月之君临天下

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML DOM查找元素的3中方法

HTML DOM 定义了多种查找元素的方法，如：- getElementById() ：结果为单对象- getElementsByName() ：结果为数组对象- getElementsByTagName()：结果为数组对象不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。
复制链接

扫一扫