请选择 进入手机版 | 继续访问电脑版
admin 发表于 2020-03-21 | 阅读数: 18 |阅读模式 | 打印 | 点击分享朋友圈
利用insertAdjacentHTML()可以直接把字符串格式元素添加到父元素中
Element.insertAdjacentHTML方法解析HTML字符串,然后将生成的节点插入DOM树的指定位置。
  1. element.insertAdjacentHTML(position, text);
复制代码
该方法接受两个参数,第一个是指定位置,第二个是待解析的字符串。
指定位置共有四个。
  • beforebegin:在当前元素节点的前面。
  • afterbegin:在当前元素节点的里面,插在它的第一个子元素之前。
  • beforeend:在当前元素节点的里面,插在它的最后一个子元素之后。
  • afterend:在当前元素节点的后面。
  1. // 原来的HTML代码:<div id="one">one</div>
  2. var d1 = document.getElementById('one');
  3. d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');
  4. // 现在的HTML代码:
  5. // <div id="one">one</div><div id="two">two</div>
复制代码
该方法不是彻底置换现有的DOM结构,这使得它的执行速度比innerHTML操作快得多。
推荐给好友: [复制链接]
推荐文章

举报

相关文章

 

今日:0     昨日:24    总数:8082
我们承接以下业务
网站建设:提供品牌官网解决方案 模板制作:仿站/效果图转模板 CSS布局调整:重新修改Web排版布局 网站维护:网站/服务器/数据库维护优化 其他问题解决:解决建站所遇到的问题 联系QQ: 6369341 电子邮箱: 6369341@qq.com
排行榜

关注我们:微信扫一扫

官方微信

手机版访问

我们的服务宗旨:

客户至上,用心服务

微信号:q515138

QQ/邮箱:6369341 / 6369341@qq.com

版权声明:部分资源来源于互联网,如有侵权请邮寄联系站长处理

Copyright   ©2019-2050  自丢网Powered by Www.Zidiu.Com 技术维护:6369341    ( 粤ICP备17166275号 )