ホームページ > ウェブフロントエンド > jsチュートリアル > jsで指定位置にノード関数insertBefore()を追加する_javascriptスキル

jsで指定位置にノード関数insertBefore()を追加する_javascriptスキル

WBOY
リリース: 2016-05-16 16:20:52
オリジナル
1532 人が閲覧しました

この記事の例では、js を使用してノード関数 insertBefore() を指定された場所に追加する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

関数のプロトタイプは次のとおりです:

insertBefore(パラメータ 1, パラメータ 2): 指定された位置にノードを追加します

具体的なコードは次のとおりです:

コードをコピー コードは次のとおりです:

<頭>
<スクリプトタイプ="text/javascript">
関数 t(){
var nodeli = document.createElement('li');//li ノードを作成します
var li_text = document.createTextNode('Blue Sky');//テキストノードを作成します
nodeli.appendChild(li_text);//テキスト ノードを li ノードに追加します

var nodeul = document.getElementsByTagName('ul')[0];//最初のULノードを取得します
var nodeli1 = nodeul.getElementsByTagName('li')[2];//ul——Autumn
の下の3番目のノードを取得します nodeul.insertBefore(nodeli,nodeli1);//関数 insertBefore() は、どのノードの前に追加するかを示します。最初のパラメータは挿入される新しいノードで、2 番目のパラメータは既存のノードです
}















この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート