当我坐在那架破旧古钢琴旁边的时候,我对 最幸福的国王也不羡慕。—— 海顿

insertBefore小记

时间一长,此方法的参数又忘了,顺便恶补一下。

parentElement.insertBefore( newElement, targetElement )

其中:

parentElement为想要插入位置的父(元素)结点,新元素将在其内插入;

newElement为待插入的新元素;

targetElement为插入位置的参考结点,即新元素将插在此结点之前;

html:

<li id="oNewElement" style='color:#3366ff'>newElement</li>
<ul id="oParentElement" style='color:#993300'>parentElement
	<li id="oTargetElement" style='color:#008000'>targetElement</li>
</ul>

javascript:

var oParentElement = document.getElementById('oParentElement');
var oTargetElement = document.getElementById('oTargetElement');
var oNewElement = document.getElementById('oNewElement');
oParentElement.insertBefore(oNewElement, oTargetElement)

运行结果:


分享

分享本文章

文章来源
10

2012-10-02

标签

right left pencil2 css3 node design eye tags search rss back user pacman film