ホームページ  >  記事  >  ウェブフロントエンド  >  ネイティブ js は、指定された element_javascript スキルの末尾にコンテンツを追加する実装を行います。

ネイティブ js は、指定された element_javascript スキルの末尾にコンテンツを追加する実装を行います。

WBOY
WBOYオリジナル
2016-05-16 17:37:371923ブラウズ
コードをコピー コードは次のとおりです。

var header1 = document.getElementById("header");
var p = document.createElement("p"); // 要素ノードを作成します
insertAfter(p, header1); // js には指定された要素に直接追加するメソッドがないため、自分でメソッドを作成する
function insertAfter( newElement, targetElement ){ // newElement は追加される要素です targetElement は指定された要素の位置です
varparent = targetElement.parentNode; // の親ノードを見つけます。指定された要素
if(parent.lastChild == targetElement ){ // 指定された要素がノード内の最後の位置であるかどうかを判断します。そうである場合は、appendChild メソッドを直接使用します。
parent.appendChild( newElement, targetElement ) ;
}else{
parent.insertBefore( newElement, targetElement.nextSibling )
};
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。