JavaScript 节点的属性

节点的属性:

序号

属性名称

功能

0

childNodes

得到节点的所有子节点,已数组的形式保存

1

firstChild

得到节点的第一个子节点 等价于 childNodes[0]

2

lastChild

得到节点的最后一个子节点

3

parentNode

得到节点的父节点

4

nextSibling

得到后一个兄弟节点(没有则返回空值null)

5

previousSibling

得到前一个兄弟节点(没有则返回空值null)

6

nodeName 

以字符串的形式返回节点的名称,在不同的节点返回的值是不一样的:

a.       元素节点,返回节点的标签名称。例如: 段落元素返回 p

b.       属性节点,返回属性的名称

c.       文本节点,返回固定的内容“#text”

7

nodeValue

得到节里的值,一般用来返回的是文本节点的文字内容

 

 

 

 

 

节点的方法:

序号

方法名称

功能

0

getAttribute()

读取目标元素的属性值

1

setAttribute()

为元素节点创建属性并赋值


 

 

 

操作节点的方法:

序号

属性名称

功能

0

createElement(标签名)

新建HTML元素 节点

1

createTextNode(文本)

新建文本节点

2

cloneNode(true/false)

复制节点 (当参数为true时 复制节点以及其所有子节点)

3

appendChild(子节点)

添加子节点 

4

insertBefore( 待插入节点,现有节点)

在现有节点之前插入节点;该方法 有现有节点的父级节点调用

5

replaceChild(新节点,旧节点)

将旧节点替换为新节点

6

removeChild(子节点)

删除子节点


 

 


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值