1.获取文本节点

p和span标签中间隔着文本节点,需要连续使用2次nextSibling才能选中span标签取得文本值

如当前节点父节点下的,第一个子节点:

current.parentNode.firstChild.nextSibling

当前节点的上一个子节点:

current.previousSibling.previousSibling

所以为了准确地找到相应的元素,会用

firstElementChild,

lastElementChild,

nextElementSibling,

previousElementSibling

2.获取元素节点

id:document.getElementById
标签名(如Input):document.getElementsByTagName
属性值(如name): document.getElementsByName
class: document.getElementsByClassName
返回的值都是string。

 3.节点操作方法备忘

creatElement 创建新的节点元素

var xxxx=getElementById('id');
xxxx.appendChild(newNode) 将newNode添加成当前节点的最后一个子节点
xxxx.insertBefore(newNode,refNode) 将refNode节点之前插入newNode节点
xxxx.replaceChild(newNode,oldNode) 将oldNode节点替换成newNode节点
xxx.removeChild(oldNode) 将oldNode子节点删除
节点cloneNode(boolean deep),当deep为true时,表示复制当前节点以及当前结点的全部后代节点。为false时,只复制当前节点。
cloneNoe(true)

相关文章:

  • 2022-02-09
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-13
  • 2022-12-23
  • 2021-11-14
  • 2021-11-14
猜你喜欢
  • 2021-11-12
  • 2021-12-26
  • 2022-12-23
  • 2021-12-26
相关资源
相似解决方案