ホームページ > ウェブフロントエンド > jsチュートリアル > jsのHTMLコピー・挿入の実装方法まとめ_javascriptスキル

jsのHTMLコピー・挿入の実装方法まとめ_javascriptスキル

WBOY
リリース: 2016-05-16 18:26:57
オリジナル
1015 人が閲覧しました

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