js 小记之 insertAdjacentHTML方法
2008-12-16 21:28
344 查看
insertAdjacentHTML方法:在指定的地方插入html标签语句
参数:
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>
参数:
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>
相关文章推荐
- 兼容FireFox/IE的insertAdjacentHTML方法【Ext2】
- insertAdjacentHTML方法详解
- insertAdjacentHTML()方法的使用
- insertAdjacentHTML方法示例
- 兼容FF/IE的insertAdjacentHTML方法
- insertAdjacentHTML方法
- 原生js--insertAdjacentHTML
- 修改html很实用的insertAdjacentHTML方法
- 在table中插入多行的js代码(与insertAdjacentHTML相似的功能)
- insertAdjacentHTML方法详解
- insertAdjacentHTML和insertAdjacentText方法
- insertAdjacentHTML方法
- EXT2中一段兼容FF的insertAdjacentHTML方法
- insertAdjacentHTML方法详解
- insertAdjacentHTML和insertAdjacentText方法
- 兼容FireFox/IE的insertAdjacentHTML方法【Ext2学习总结】
- 有关insertAdjacentHTML动态插入行,利用js在客户端插入控件
- insertAdjacentHTML方法详解
- EXT2中一段兼容FF的insertAdjacentHTML方法
- HTML标签中通过字符串插入HTML-- insertAdjacentHTML方法示例