码迷,mamicode.com
首页 > Web开发 > 详细

修改html很实用的insertAdjacentHTML方法

时间:2014-06-11 23:46:48      阅读:355      评论:0      收藏:0      [点我收藏+]

标签:java   ext   get   javascript   html   cti   

添加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="更多..." onclick="myfun()">
</body>
</html>

修改html很实用的insertAdjacentHTML方法,布布扣,bubuko.com

修改html很实用的insertAdjacentHTML方法

标签:java   ext   get   javascript   html   cti   

原文地址:http://www.cnblogs.com/stephenykk/p/3772254.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!