添加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 >
</body>
</html>

相关文章:

  • 2021-06-24
  • 2022-12-23
  • 2021-08-10
  • 2021-12-08
  • 2021-12-06
猜你喜欢
  • 2022-12-23
  • 2021-11-23
  • 2022-12-23
  • 2021-09-15
  • 2022-12-23
  • 2021-06-28
  • 2021-12-28
相关资源
相似解决方案