DOM节点属性与操作节点

DOM结节点的属性

每个节点都有一个childNodes属性,其中保存着一个NodeList对象,用于保存一组有序的节点。
其它属性:parentNode、previousSibling、nextSibling、firstChild、lastChild
在这里插入图片描述

操作节点

1、appendChild()用于向childNodes列表的末尾添加一个节点,添加节点后。childNodes的新增节点、父节点及以前的最后一个子节点的关系指针都会相应的得到更新。
在这里插入图片描述
2、insertBefore()方法:用于把节点放在childNodes列表中某个特定的位置上。
这个方法接受两个参数:要插入的节点和作为参照的节点,插入节点后,被插入的节点会变成参照节点的前一个同胞节点。如果参照节点是null,则insertBefore()与appendChild()执行相同的操作.
3、replaceChild()方法
在这里插入图片描述
4、removeChild()方法,被移除的节点将会成为方法的返回值。
在这里插入图片描述
上述四种操作方法操作的都是某个节点的子节点,即要使用这几个方法都必须先取得父节点。
在这里插入图片描述
在这里插入图片描述

Document类型

document.documentElement始终指向HTML页面中的html元素;
document.body始终指向HTML页面中的body元素
document.title:显示在浏览器中的标题
document.URL:地址栏中显示的完整的URL
document.domain:页面的域名
document.referrer:链接到当前页面的那个页面的URL
在这里插入图片描述
在这里插入图片描述
来自不同子域的页面无法通过javascript通信
在这里插入图片描述
document.getElementById("*")
若有多个id相同的元素,则返回第一个。
document.getElementsByTagName("
")
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值