以前は、innerHTML メソッドと innerText メソッドを使用して、HTML コンテンツとテキスト コンテンツを追加していました。最近、この 2 つのメソッドは、より柔軟で、指定した場所に HTML コンテンツとテキスト コンテンツを挿入できることを発見しました。
insertAdjacentHTML メソッド: 指定された場所に HTML タグ ステートメントを挿入します
プロトタイプ: insertAdajcentHTML(swhere,stext)
パラメーター:
swhere: HTML タグ ステートメントを挿入する場所を指定します。 使用可能な値は 4 つあります。
1. beforeBegin: HTML タグ ステートメントの開始前に挿入します。 tag
2. afterBegin: タグの開始タグの後に挿入
3. beforeEnd: タグの終了タグの前に挿入
4. afterEnd: タグの終了タグの後に挿入
text: 挿入する内容
DEOM:
<html>
<head >
<script language="javascript">
function myfun ()
{
var obj = document.getElementById("btn1");
obj.insertAdjacentHTML("afterEnd","<br><input name="txt1">") ;
}
</script>
</head>
< body>
<input name="txt">
<input id="btn1" name="btn1" type="button" value="詳細..." onclick="myfun ()">
</body>
</ html>