javascript: insertAdjacentHTML动态插入行_小蚂蚁

个人资料

小蚂蚁

微博

正文字体大小：大中小

javascript: insertAdjacentHTML动态插入行

(2009-01-14 14:20:38)

标签：

分类：网络技术

添加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>

function myfun()

{

var obj = document.getElementByIdx("btn1");

obj.insertAdjacentHTML("afterEnd","<br><input name=\"txt1\">");

}

</script>

</head>

<body>

</body>

</html>

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report