本文详细介绍了HTML DOM(Document Object Model)的基本概念及其在网页开发中的应用，包括如何使用DOM进行节点的查找、增加、删除和修改。涵盖了getElementById, getElementsByTagName等查找方法，createAttribute, createElement等增加节点的方法，以及removeChild, replaceChild等删除和替换节点的方法。
DOM: Document Object Model : 管理我们的文档 增删改查规则
HTML中的dom方法中的增删查改类似于Java和C中的增删查改；
一些常用的 HTML DOM 方法：
getElementById(id) - 获取带有指定 id 的节点（元素）
appendChild(node) - 插入新的子节点（元素）
removeChild(node) - 删除子节点（元素）
一些常用的 HTML DOM 属性：
innerHTML - 节点（元素）的文本值
parentNode - 节点（元素）的父节点
childNodes - 节点（元素）的子节点
attributes - 节点（元素）的属性节点
查找节点：
getElementById() 返回带有指定 ID 的元素。
getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。
增加节点：
createAttribute() 创建属性节点。
createElement() 创建元素节点。
createTextNode() 创建文本节点。
insertBefore() 在指定的子节点前面插入新的子节点。
appendChild() 把新的子节点添加到指定节点。
删除节点：
removeChild() 删除子节点。
replaceChild() 替换子节点。
修改节点：
setAttribute() 修改属性
setAttributeNode() 修改属性节点
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
