DOM对象

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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值