この記事では、指定された場所でJSにノード関数を追加するときのinsertBefore()の使用について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
関数プロトタイプは次のとおりです。
insertbefore(パラメーター1、パラメーター2):指定された場所にノードを追加します
特定のコードは次のとおりです。
次のようにコードをコピーします:<html>
<head>
<script type = "text/javascript">
関数t(){
var nodeli = document.createelement( 'li'); // liノードを作成します
var li_text = document.createTextNode( 'Blue Sky'); //テキストノードを作成します
nodeli.appendChild(li_text); // textノードをliノードに追加します
var nodeul = document.getElementsByTagname( 'ul')[0]; //最初のULノードを取得します
var nodeli1 = nodeul.getelementsbytagname( 'li')[2]; // ul -autumnの下で3番目のノードを取得します
nodeul.insertbefore(nodeli、nodeli1); //関数挿入before()は、以前に追加されたノードを示します。最初のパラメーターは挿入する新しいノードで、2番目のパラメーターは既存のノードです
}
</script>
</head>
<body>
<div id = "container">
<ul>
<li>スプリング</li>
<li>夏</li>
<li>秋</li>
<li>冬</li>
</ul>
</div>
<hr />
<button onclick = "t()" value = "">ノードを追加する場所を指定</button>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。