ホームページ > 記事 > ウェブフロントエンド > 指定した場所にHTMLコンテンツとテキストコンテンツを挿入する方法_JavaScriptスキル

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

WBOYオリジナル: 2016-05-16 17:07:451744ブラウズ

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='

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

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

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

....

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

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

コードをコピー

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

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

コードをコピー

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