您的位置：首页 > Web前端 > HTML

DHTML添加HTML内容(insertAdjacentHTML和insertAdjacentText)

2010-12-03 08:56 417 查看

添加
HTML内容
与文本内容
以前用的是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容
和文本内容
。

insertAdjacentHTML

方法：在指定的地方插入html
标签语句

原型：insertAdajcentHTML(swhere,stext)

参数：

swhere:
指定插入html
标签语句的地方，有四种值可用：

1. beforeBegin:
插入到标签开始前

2. afterBegin:
插入到标签开始标记之后

3. beforeEnd:
插入到标签结束标记前

4. afterEnd:
插入到标签结束标记后

stext
：要插入的内容

例： <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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航