DOM的概念?获取html元素的方法有哪些?

简介: DOM的概念?获取html元素的方法有哪些?

Dom文档对象模型,对js的HTML具有操作能力。

获取HTML的方法:

Document.getElementById(‘’) 通过元素 id 来查找元素;

Document.getElementsByClassName(‘’) 通过类名来查找元素;

Document.getElementsByName(‘’) 通过表单元素中 name 名查找元素;

Document.getElementsByTagName(‘’) 通过标签名来查找元素;

Document.queryselector(‘’) 通过 CSS 选择器获取匹配上的第一个元素;

Document.queryselectorAll(‘’) 通过 CSS 选择器获取匹配上的所有元素;

子元素.parentNode(‘’) 获取当前元素的父节点;

父元素.children(‘’) 获取当前元素的子节点;

同级元素.nextElementSibling(‘’) 获取同级元素的下一个元素;

目录
相关文章
WK
|
10天前
|
存储 移动开发 前端开发
HTML5新增了哪些其他元素和属性
这段文字介绍了HTML5中新增的多种元素和属性,包括页面布局元素如header、nav等,表单元素如email、tel输入框等,以及其他元素如canvas、svg等。此外,还介绍了全局及表单属性,例如contenteditable、placeholder等,这些新功能显著增强了HTML5在现代网页设计与开发中的实用性与灵活性。
WK
37 1
|
2天前
|
JavaScript
在Vue中获取DOM元素的实际宽高
【10月更文挑战第2天】
6 1
|
6天前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
12 1
|
17小时前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
11 4
|
1天前
|
数据采集 数据安全/隐私保护
html常见的表单元素有哪些,html表单元素有哪些?
html常见的表单元素有哪些,html表单元素有哪些?
4 0
|
13天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
10天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
21小时前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
11天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
2天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)