jsのHTMLコピー・挿入の実装方法まとめ_javascriptスキル-jsチュートリアル-php.cn

var bq=document.getElementsByTagName("タグまたは ID 名")//ID は一意のグループ化であり、タグは一意ではないため、配列が返される場合があります。
div=document.createElement("div"); 🎜> ...CSS スタイルを設定します
bq.appendChild(div); //ID を一意にするために必要なのはこれだけです。 bq
bq[0].appendChild(div);//タグが前に使用されている場合は、div レイヤーを bq の後に挿入します。配列と添字！ bq の後に div レイヤーを挿入します。
bq.insertBefore(div);//ID を一意にするために必要なのはこれだけです。 bq の前に div レイヤーを挿入します
bq[0].insertBefore(div);//タグが前に使用されている場合!配列と添字！ bq の前に div レイヤーを挿入します

document.getElementById('navition').style.cssText = 'CSS コード';
// div をコピーします
var bq=document.getElementById( " Copy")//ID が唯一許可されるグループ化であり、ラベルは一意ではないため、配列を返す場合があります。
objDiv=document.createElement("div");
objDiv.id=bq.id Copy;
objDiv.style.position="absolute"
objDiv.style.left="200px"
objDiv.style.top="200px"
objDiv.innerHTML=bq.innerHTML; bq .appendChild(objDiv);

test1 div>

test1

JS で使用できます:

test.innerHTML: つまり、Html タグを含む、オブジェクトの開始位置から終了位置までのコンテンツ全体です。
上記の例の test.innerHTML の値も

test1 test2
test1 test2

test.innerText: 開始位置から終了位置までの内容ですが、HTML タグ
の text.innerTest の値が削除されます。上記の例も、span タグを削除した「test1 test2」です。

test.outerHTML: innerHTML のコンテンツ全体が含まれることに加えて、object タグ自体も含まれます。
上記の例の text.outerHTML の値は

test1

test1

完全な例: 🎜>

コードをコピー

コードは次のとおりです。

test1 test2

innerHTML コンテンツ
inerHTML コンテンツ
outerHTML コンテンツ

test1 test2

内部 HTML コンテンツ
;inerHTML コンテンツ
outerHTML コンテンツ

特別な指示:

innerHTML は W3C 標準に準拠する属性ですが、innerText は IE ブラウザにのみ適用できるため、HTML タグなしでコンテンツを出力したい場合は、できるだけ

innerHTML を使用し、innerText を使用しないでください。 innerHTML を使用して
HTML タグを含むコンテンツを取得し、正規表現を使用して HTML タグを削除します。次に、W3C 標準に準拠する簡単な例を示します。

コードをコピーします

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

test1< /span> test2

HTML なし、W3C 標準に準拠

test1 test2

関連記事

javascript dom 操作の詳細な説明 js 拡張