动态加载innerText_innerHTM_CreateElement

 

<script type="text/javascript"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

    function href1(){

    document.getElementById('div1').innerHTML="<a href='http://baidu.com'>百度</a> "

    }

 

    function createElement1(){

   var div2=document.getElementById("div2");

   var link=document.createElement("a");

    link.href="http://baidu.com";

    link.innerHTML="百度网<br/>";

    div2.appendChild(link);

  }

  function LoadData(){

 

  var Data={"百度":"http://www.baidu.com","新浪":"http://www.sina.com","腾讯":"http://www.qq.com"};

  var tableLink=document.getElementById("tableLink");

  for(var key in Data){

  

   var value=Data[key];

 

  var tr=tableLink.insertRow(-1);

  var td1=tr.insertCell(-1);

 

  td1.innerText=key;

  var td2=tr.insertCell(-1);

 

  td2.innerHTML="<a href='+value+'>"+value+"</a>";

 

  }

 

  }

    </script>

<body> 下面显示inner <br/> <div  id="div1"></div> <br/> 下面显示CreatElement <br/>123 <div  id="div2"></div>456 <input type="button" id="btn1" onclick="href1()"  value="innerHTML" /> <input type="button" id="btn2" onclick="createElement1()" value="CreateElement" /> <br/> 自动生成代码 <table id="tableLink"> <input type="button" value="动态生成" onclick="LoadData()" /> </table> </body> </html>

posted on 2012-11-14 15:37  wokao100000  阅读(242)  评论(0)  编辑  收藏  举报

导航