Javascript每日一学(二)

今天在学些javascript的时候又学到了几个新的方法和属性。

  • parentNode
  • lastChild
  • insertBefore
  • nextSibling

这些方法和属性的用法可以点上面的链接进去看,很详细的。我就不具体说了。书上还实现了一个和insertBefore相对的函数 insertAfter。后者的功能和前者的刚好相反,将一个节点插入到另一个节点的后面。但标准DOM并没有给我们提供这么一个方法,作者就自己实现 了。在练习的时候,我按照自己的理解写了一下insertAfter的代码:

function insertAfter(newElement,targetElement)
{
var parentElement = targetElement.parentNode; //首先获取它们的父节点
if(parentElement.lastChild == targetElement){ //如果是在父节点的最后一个子节点后插入
	parentElement.appendChild(newElement);
}
else
parentElement.insertBefore(newElement,targetElement.nextSibling);//这里使用了一个nextSibling属性
alert(targetElement.nextSibling);
}

在把上面次的那个美术馆练习改进了一下。在源文档去除了

元素,改进后的网页地址在这:
http://dabentu.com/js/xhtml/js-dom-ex02.html

(全文完)

你可能感兴趣的:(JavaScript,js,学习)