指定した場所にHTMLコンテンツとテキストコンテンツを挿入する方法_JavaScriptスキル

dhtml には、insertAdjacentHTML と insertAdjacentText という 2 つの追加メソッドが用意されています。
insertAdjacentHTML メソッド: 指定された場所に HTML タグ ステートメントを挿入します。
プロトタイプ: insertAdjacentHTML(swhere,stext)
パラメータ:
swhere: HTML タグ ステートメントが挿入される場所を指定します。 使用可能な値は 4 つあります:
1.beforeBegin: 開始前に挿入します。タグの
2.afterBegin: タグ開始タグの後に挿入
3.beforeEnd: タグ終了タグの前に挿入
4.afterEnd: タグ終了タグの後に挿入
stext: 挿入する内容挿入された
例:

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

var sHTML= "
"
var sScript='' '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML sScript);
HTML 本文に追加します。

は最終的に次のようになります:

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

>

insertAdjacentText メソッドは、プレーン テキストのみを挿入できることと、同じパラメーターを持つ点を除いて、insertAdjacentHTML メソッドに似ています。特に図面やその他の場所で使用されます。その利点は、元のコンテンツを上書きしないで、コンテンツを動的に追加する必要があるとします。したがって、現時点ではこれは非常に重要であり、innerHTML は元のものを上書きします。
ペアで表示されるすべての HTML は、この属性を使用できます。これは、...、

....

などの innerHTML と同じです。これらの 2 つの属性があります

追加します。私はそれを試してみましたが、innerHTML 属性は読み取りおよび書き込み可能です。innerHTML がコンテンツをノードに挿入できることは知っていましたが、この属性も読み取り可能です。つまり、innerHTML に保存されるのはノードの HTML コンテンツです。完全に理解するには、次のコードを見てください:




コードをコピー

コードは次のとおりです。 =gb2312"> < ;title>無題文書 safdsdaf time place

alert( document.body.innerText)

他の人に転送したコードです。以下にコードをさらに数行追加します。これも非常に古典的ですので、使用できるかもしれません:




コードをコピー


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

> ; 上記はヘッドのスクリプトで、次は本文のスクリプトです: html コード:

コードをコピーします


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

>

コードをファイルにコピーし、HTML として保存します。