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(‘’) 获取同级元素的下一个元素;


目录
相关文章
|
13天前
|
移动开发 开发者 UED
HTML5 语义元素详解
HTML5引入了诸多语义元素
WK
|
7天前
|
存储 移动开发 前端开发
HTML5新增了哪些其他元素和属性
这段文字介绍了HTML5中新增的多种元素和属性,包括页面布局元素如header、nav等,表单元素如email、tel输入框等,以及其他元素如canvas、svg等。此外,还介绍了全局及表单属性,例如contenteditable、placeholder等,这些新功能显著增强了HTML5在现代网页设计与开发中的实用性与灵活性。
WK
34 1
WK
|
7天前
|
Web App开发 存储 移动开发
HTML5新增了哪些表单元素
HTML5通过新增多种表单元素和属性,提升了用户体验与交互性。例如,`email`和`url`元素分别验证邮箱地址和网址格式;`number`和`range`便于输入数字及区间值;`date`等元素简化了日期时间的选择;`search`添加搜索图标,`color`提供颜色选择器;`datalist`结合`input`属性给予用户下拉列表选项;`keygen`用于生成密钥对以增强安全性;`output`则用于动态展示计算结果。这些改进共同提高了表单的功能性和易用性。
WK
13 2
|
3天前
|
JavaScript 前端开发
DOM的概念?获取html元素的方法有哪些?
DOM的概念?获取html元素的方法有哪些?
12 0
|
10天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
7天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
9天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
13天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
11天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)