zoukankan      html  css  js  c++  java
  • insertAdajcentHTML

    闲来无事,在公司看公司原来封装的代码,发现有用到insertAdjacentHTML这个方法,表示不解,于是乎展开了一番搜索。

    调用方式:insertAdjacentHTML(whrer,text);

    参数说明:

      where : 表示元素要插入的位置:

              beforebegin : 标签开始之前

              beforeend  : 标签结束之前

              afterbegin  : 标签开始之后

              afterend      : 标签结束之后

      text :  表示要插入的文字

    调用方法实例:

      

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>insertAdajcentHTML</title>
     6 </head>
     7 <body>
     8     <div id="insert">
     9         <p>你是我的小丫小苹果</p>
    10     </div>
    11     <script type="text/javascript">
    12         var dom = document.getElementById("insert");
    13         dom.insertAdjacentHTML('beforeBegin','你是我的小丫小苹果');
    14     </script>
    15 </body>
    16 </html>

      个人表示十分好用啊 而且兼容性也很好

  • 相关阅读:
    Spell checker
    Power Network
    ACM Computer Factory
    Asteroids
    Golang: 并发抓取网页内容
    Golang: 抓取网页内容
    Golang: 读取文件并统计内容
    Golang: 接收命令行输入
    React: 有状态组件生成真实DOM结点
    React: 无状态组件生成真实DOM结点
  • 原文地址:https://www.cnblogs.com/renminghao/p/3919169.html
Copyright © 2011-2022 走看看