DOM操作
js为操作html,提供的api接口
HTML中的每个标签元素,属性,文本都能看做是一个DOM的节点,构成了DOM树
DOM(Document Object Model ,文档对象模型)
常用的方法:
获取节点:getElementById,getElementsByName,getElementsByClassName,
getElementsByTagName,querySelector()获取一个,querySelectorAll()获取多个
获取/设置元素的属性值
getAttribute,setAttribute
创建节点Node:
createElement,createTextNode,createAttribute
增添节点
appendChild,insertBefore
删除节点
removeChild
其他常用属性:
parentNode 返回父节点
chlidren 返回所有子节点,只返回html
chilidNodes 返回所有子节点,包括文本,HTML,属性节点
firstChild/lastChild
nextSibling 下一个兄弟节点
previousSibling 上一个兄弟节点