修改html很实用的insertAdjacentHTML方法

最新推荐文章于 2024-10-10 09:56:47 发布

dayanwu2842

最新推荐文章于 2024-10-10 09:56:47 发布

阅读量76

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/stephenykk/p/3772254.html

版权

添加HTML内容与文本内容以前用的是innerHTML与innerText方法，

最近发现还有insertAdjacentHTML和 insertAdjacentText方法，

这两个方法更灵活，可以在指定的地方插入html内容和文本内容。

insertAdjacentText方法与 insertAdjacentHTML方法类似，只不过只能插入纯文本，参数相同

原型：insertAdajcentHTML(swhere,stext)

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="更多..." οnclick="myfun()">
</body>
</html>

转载于:https://www.cnblogs.com/stephenykk/p/3772254.html