• 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>

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

  • 相关阅读:
    PHP中的赋值运算符
    PHP-字符串过长不用担心
    php-引号中出现$
    wamp多站点配置
    php-wamp滴定仪网站的根目录
    php初探
    JMeter jmeter-plugins插件的安装使用
    JMeter 调试取样器(Debug Sampler)
    css选择器
    css文本样式
  • 原文地址:https://www.cnblogs.com/renminghao/p/3919169.html
Copyright © 2020-2023  润新知