gonghui

添加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方法类似,只不过只能插入纯文本,参数相同

分类:

技术点:

相关文章:

  • 2021-05-26
  • 2022-02-19
  • 2021-10-25
  • 2021-09-26
  • 2021-07-22
  • 2021-09-23
  • 2021-07-02
  • 2021-06-05
猜你喜欢
  • 2021-12-08
  • 2021-08-22
  • 2022-01-20
  • 2021-12-05
  • 2021-12-15
  • 2021-07-08
相关资源
相似解决方案