dhtml には、insertAdjacentHTML と insertAdjacentText という 2 つの追加メソッドが用意されています。
insertAdjacentHTML メソッド: 指定された場所に HTML タグ文を挿入します。
プロトタイプ: insertAdjacentHTML(swhere,stext)
パラメータ:
swhere: HTML タグステートメントが挿入される場所を指定します。使用可能な値は次の 4 つです。
1.beforeBegin: ラベルの開始前に挿入します。
2.afterBegin: ラベル開始タグの後に挿入
3.beforeEnd: タグの終了タグの前に挿入します。
4.afterEnd: ラベルの終了タグの後に挿入
stext: 挿入されるコンテンツ
例：
次のようにコードをコピーします。
var sHTML="<input type=button go2()" + " value='クリックしてください'><BR>"
var sScript='<スクリプト遅延>'
sScript = sScript + 'function go2(){alert("挿入されたスクリプトからこんにちは。") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
HTML 本文に次の行を追加します。
<DIV ID="ScriptDiv"></Div>
最終的には次のようになります。
次のようにコードをコピーします。
<DIV ID="ScriptDiv">
<input type=button onclick=go2() value='クリックしてください'><BR>
<スクリプトの延期>
function go2(){alert("挿入された sctipt からこんにちは。")}'
</script>
</DIV>
insertAdjacentText メソッドは、insertAdjacentHTML メソッドと似ていますが、プレーン テキストのみを挿入できる点と、同じパラメーターを持つ点が異なります。
これら 2 つの属性は、特に描画やその他の場所に非常に適しています。その利点は、既にコンテンツが含まれている DIV が存在することです。上書きせずにコンテンツを動的に追加する必要があります。元のコンテンツなので、現時点では、innerHTML が元のコンテンツを上書きすることが非常に重要です。
ペアで表示されるすべての HTML はこの属性を使用できます。これは innerHTML と同じです。たとえば、<body>..</body>、<div>....</div> などはすべてこれら 2 つの属性を持ちます。 。
補足: 試してみたところ、 innerHTML 属性は読み取り可能であり、書き込み可能です。 innerHTML はノードにコンテンツを挿入できることは知っていましたが、この属性も読み取り可能です。つまり、 innerHTML はノードの HTML コンテンツを保存できます。次のコードに従って、それを完全に理解してください。
次のようにコードをコピーします。
<html>
<頭>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無題のドキュメント</title>
</head>
<本文>
サフズダフは時間通りに到着
<スクリプト言語="javascript">
アラート(document.body.innerText)
</script>
</body>
</html>
上記は私が他の人に転送したコードです。以下にさらにいくつかのコードを追加します。これは非常に古典的なものなので、使用することもできます。
次のようにコードをコピーします。
<script language="javascript" type="text/javascript">
関数 addFile()
{
var filebutton = '<br><input type="file" size="50" name="ファイル" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</script>
上記はヘッドのスクリプトであり、次はボディの HTML コードです。
次のようにコードをコピーします。
<p id="ファイルリスト">
<input type="file" runat="server" size="50" name="ファイル"/>
</p>
コードをファイルにコピーし、HTML として保存すると、効果を確認できます。