0
点赞
收藏
分享

微信扫一扫

DOM对象

梦幻之云 2022-04-24 阅读 54

DOM是一个文档对象模型

可以通过改变DOM来改变文档内容

查看/修改/删除属性节点

getAttribute("属性名")

setAttribute("属性名","属性值")

removeAttribute(“属性名”)

节点对象.nodeName 获取节点名称

节点对象.tagName 获取标签名称

节点对象.nodeType 判断节点类型

元素节点  返回值为1 

属性节点返回值为2

文本节点返回值为3

节点对象.nodeValue 获取节点值

查找节点

父找子

父节点对象.firstChild 获取父节点下的第一个子节点   可能为文本

父节点对象.lastChild 获取父节点下最后一个子节点 可能为文本

父节点对象.childNodes  获取父节点下所有子节点  可能为文本

父节点对象.firstElementChild 获取父节点下的第一个子节点  

父节点对象.lastElementChild 获取父节点下最后一个子节点 

父节点对象.children  获取父节点下所有子节点

子节点找父节点

子节点对象.parentNode 通过子节点查找父节点

子节点对象.parentElement 通过子节点查找所有父节点

子找兄

子节点对象.nextSibling 获取当前元素的下一个兄弟节点  可能为文本

子节点对象.previousSibling 获取当前元素的上一个兄弟节点可能为文本

子节点对象.nextElementSibling 获取当前元素的后一个兄弟节点

子节点对象.previousElementSibling 获取当前元素的上一个兄弟节点

创建和增加节点

createElement():创建元素节点  

appendChild():末尾追加方式插入节点

举报

相关推荐

0 条评论