新增HTML內容與文字內容先前使用的是innerHTML與innerText方法,最近發現還有insertAdjacentHTML和insertAdjacentText方法,這兩個方法比較靈活,可以在指定的地方插入html內容和文字內容。
insertAdjacentHTML方法:在指定的地方插入html標籤語句
原型:insertAdajcentHTML(swhere,stext)
參數:
swhere: 指定插入html標籤語句的地方,有四種值可用:
1. beforeBegin: 插入到標籤開始前
2. afterBegin:插入到標籤開始標記之後
3. beforeEnd:插入到標籤結束標記前
4. afterEnd:插入到標籤結束標記後
stext:要插入的內容
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>