欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

12个javascript DOM方法介绍

程序员文章站 2022-03-19 21:10:01
...
本文介绍十二个关于javascript DOM操作的方法,供大家学习参考:

  1 createElement(element)

  创建一个指定标签名创建一个新的元素节点,返回值为指向新建元素节点的引用指针。

  eg) var para = document.createElement("p");

  document.body.appendChild(para);

  2 createTextNode()

  创建一个包含着给定文本的新文本节点,返回一个指向新建文本节点的引用指针:

  reference = document.createTextNode()

  参数为新建文本节点所包含的文本字符串

  eg)

  var message = document.createTextNode("hello world");

  var container = document.createElement("p");

  container.appendChild(message);

  document.body.appendChild(container);

  3 cloneNode()

  reference = node.cloneNode(deep)

  为给定节点创建一个副本,参数为true或者false,true表示同时复制该节点的子节点,false则不复制任何子节点。

  var para = document.createElement("p");

  var message = document.createTextNode("hello world");

  para.appendChild(message);

  document.body.appendChild(para);

  var newpara = para.cloneNode(true);

  document.body.appendChild(newpara);

  4 appendChild()

  reference = node.appendChild(newChild);

  插入节点,例子参考前面。

  5 insertBefore()

  reference = element.insertBefore(newNode,targetNode)

  将一个给定节点插入到一个给定元素节点的给定子节点的前面,返回一个指向新增子节点的引用指针。

  eg)

  var container = document.getElementById("content");

  var message = document.getElementById("fineprint");

  var para = document.createElement("p");

  container.insertBefore(para,message);

  6 removeChild()

  reference = element.removeChild(node)

  将从一个给定元素利删除一个子节点,返回一个指向已被删除的子节点的引用指针。

  当某个节点被removeChild()删除后,此节点所有子节点都被删除。

  7 replaceChild()

  reference = element.replaceChild(newChild,oldChild)

  把一个给定父元素里的一个子节点替换为另外一个节点,oldChild节点必须是element元素的一个子节点,返回值是一个指向已被替换的那个

  子节点的引用指针。

  eg)

  var container = document.getElementById("content");

  var message = document.getElementById("fineprint");

  var para = document.createElement("p");

  container.replaceChild(para,message);

  8 setAttribute()

  element.setAttribute(attributeName,attributeValue);

  为给定元素节点添加一个新的属性值或是改变它的现有属性

  9 getAttribute

  attributeValue = element.getAttribute(attributeName)

  返回一个给定元素的一个给定属性节点的值。

  10 getElementById()

  element = document.getElementById(ID)

  寻找一个有着给定id属性值的元素,返回一个元素节点

  11 getElementByTagName()

  用于寻找有着给定标签名的所有元素:

  elements = document.getElementsByTagName(tagName)

  返回一个节点集合。

  12 hasChildNodes

  用来检查一个给定元素是否有子节点

  booleanValue = element.hasChildNodes

  返回true或false。

以上就是12个javascript DOM方法介绍的内容,更多相关文章请关注PHP中文网(www.php.cn)!

相关标签: DOM方法,js