DOM操作
2016-10-20 11:10:46 0 举报AI智能生成
DOM（文档对象模型）操作是一种用于处理HTML和XML文档的方式。它提供了一种结构化的表示，可以被视为一个树形结构，其中每个节点都是一个对象，代表文档的一部分。通过DOM，开发者可以对文档的内容、结构和样式进行动态修改。常见的DOM操作包括获取元素、更改元素属性和内容、添加或删除元素等。例如，可以使用JavaScript来获取页面上的一个元素，然后修改它的文本内容或类名。DOM操作是前端开发的基础技能之一，对于构建交互性强、动态更新的网页至关重要。
作者其他创作
大纲/内容
主要结构
文档节点
元素节点
属性节点
文本节点
使用DOM树
访问元素
选择单个元素
getElementById()使用元素的id属性
querySelector()使用CSS选择器，返回第一个匹配的元素
选择多个元素
getElementByClassName()选择所有在class属性中使用了特定值的元素
getElementByTagName()选择所有用了指定标记的元素
querySelectorAll()使用CSS选择器来选择所有的匹配的元素
在元素之间遍历
parentNode()选择当前元素节点的父节点（只返回一个元素）
previousSibling/nextSibling选择DOM树中的前一个或后一个兄弟节点
firstChild/lastChild返回当前元素的第一个或最后一个子节点
操作这些元素
nodeValue允许访问或修改文本节点中的内容
textContent获取和更新文本
innerHTML添加或一处HTML内容、获取和更新文本及标签
添加元素：创建元素createElement(),设置内容createTextNode(),把他添加daoDOM中appendChild()
移除元素：用一个变量保存需要移除的元素，把该元素的父元素保存到变量中，用parentNode属性，把元素从它的包含元素中移除removeChild()
操作元素的HTMl属性
getAttribute()获取属性值
hasAttribute()检查元素节点是否包含该属性
setAttr()设置属性值
removeAttribute()从元素节点移除属性
className获取或设置class属性的值
id获取或设置id属性的值
0 条评论
下一页
为你推荐
查看更多
