ホームページ > 記事 > ウェブフロントエンド > jsのHTMLコピー・挿入の実装方法まとめ_javascriptスキル
jsのHTMLコピー・挿入の実装方法まとめ_javascriptスキル
- WBOYオリジナル
- 2016-05-16 18:26:57964ブラウズ
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 の値は
完全な例: 🎜>
コードをコピー
inerHTML コンテンツ
outerHTML コンテンツ
test1 test2
内部 HTML コンテンツ
;inerHTML コンテンツ
outerHTML コンテンツ
特別な指示:
innerHTML は W3C 標準に準拠する属性ですが、innerText は IE ブラウザにのみ適用できるため、HTML タグなしでコンテンツを出力したい場合は、できるだけ
HTML タグを含むコンテンツを取得し、正規表現を使用して HTML タグを削除します。次に、W3C 標準に準拠する簡単な例を示します。
コードをコピーします