zoukankan      html  css  js  c++  java
  • 修改html很实用的insertAdjacentHTML方法

    添加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>

  • 相关阅读:
    一些技术鸡汤
    css优化
    Spring 通过maven pom文件配置初始化
    sql 编写横竖表转换
    Linux 常用命令笔记 (持续更新)
    java常用集合详解 contains
    jQuery Ajax(异步请求)
    java中"与"和"或"
    java8 中的时间和数据的变化
    mysql 根据查询结果集更新
  • 原文地址:https://www.cnblogs.com/stephenykk/p/3772254.html
Copyright © 2011-2022 走看看