用DOM获取html元素

为了更好的让页面与用户进行互动，我们可以在javascript里面使用DOM方法获取html里面的元素，进行编写逻辑函数，使页面多样化执行程序。
下面我找到了几种获取DOM元素的方法。
1.通过ID获取（getElementById）
2.通过name属性（getElementsByName）
3.通过标签名（getElementsByTagName）
4.通过类名（getElementsByClassName）
5.通过选择器获取一个元素（querySelector）
6.通过选择器获取一组元素（querySelectorAll）
7.获取html的方法（document.documentElement）
8.document.documentElement是专门获取html这个标签的
9.获取body的方法（document.body）
10.document.body是专门获取body这个标签的。

怎么使用？
比如我要找到一个id为num的元素
document.getElementById(‘num’);
如果想要里面具体的值可以在后加上.innerHTML。
注意：这里面获取的是一个string的字符串
找一个name属性的元素
document.getElementsByName(‘name’);
找一个class 的元素
document.getElementsByClassName(‘top’);
获取页面中所有的class为top的元素集合
通过标签名查找元素
通过class,name标签名抓取的元素是一个集合,即使该类只有一个符合要求的元素目标,也返回是一个集合,因此可以存储的变量,通过变量名[0]获得第一个符合要求的标签目标.
document.getElementsByTagName(‘p’);
获取页面中所有的标签为p的元素集合
等等，为例
获取到值后就可以进行js的逻辑编辑，以此来达到实现目的的效果。

• 点赞
• 收藏
• 分享
• 文章举报