insertAdjacentHTML和insertAdjacentText

最新推荐文章于 2024-02-22 14:47:14 发布

原创最新推荐文章于 2024-02-22 14:47:14 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #button #function #input #go #div

asp技术专栏收录该内容

29 篇文章

订阅专栏

本文介绍了如何使用insertAdjacentHTML和insertAdjacentText方法在指定位置插入HTML内容或纯文本，通过示例展示了这两种方法的具体应用。

添加html内容(insertAdjacentHTML和insertAdjacentText) 添加html内容(insertAdjacentHTML和insertAdjacentText)
    dhtml提供了两个方法来进行添加，insertAdjacentHTML和insertAdjacentText
insertAdjacentHTML方法：在指定的地方插入html标签语句。
    原型：insertAdjacentHTML(swhere,stext)
    参数：
    swhere:指定插入html标签语句的地方，有四种值可以用：
              1.beforeBegin:插入到标签开始前
              2.afterBegin:插入到标签开始标记后
              3.beforeEnd:插入到标签结束标记前
              4.afterEnd:插入到标签结束标记后
              stext:要插入的内容
      例：var sHTML="<input type=button onclick=" +     "go2()" + " value='Click Me'><BR>"
      var sScript='<SCRIPT DEFER>'
      sScript = sScript +     'function go2(){ alert("Hello from inserted script.") }'
      sScript = sScript + '</script' + '>';
      ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
      在html正文中加入一行：
    <DIV ID="ScriptDiv"></Div>
     最终变成：
    <DIV ID="ScriptDiv">
       <input type=button onclick=go2() value='Click Me'><BR>
       <SCRIPT DEFER>
         function go2(){alert("Hello from inserted sctipt.")}'
       </script>
     </DIV>
     insertAdjacentText方法与insertAdjacentHTML方法类似，只不过只能插入纯文本，参数相同