innerHTML使用入门

来源:互联网 发布:淘宝店招图片大全清新 编辑:程序博客网 时间:2024/06/05 15:48
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>innerHTML</title>    <script type="text/cs">s          #div1{              width:200px;              height:150px;              border:2px solid red;          }    </script></head><body><h3>innerHTML可以获取html内容,向指定标签中设置html内容</h3><hr/><span id="sid">innerHtml属性</span><div id="div1"></div><script type="text/javascript">     var span1=document.getElementById("sid");     alert(span1.innerHTML);     span1.innerHTML="通过JavaScript向HTML页面添加内容";     alert(span1.innerHTML);     //向div标签中设置内容     var div1=document.getElementById("div1");     //设置内容       div1.innerHTML="<h3>通过JS向html标签中添加HTML代码</h3>";       //向div中添加一个表格    var table="<table border='1'><tr><td>HTML</td></tr><tr><td>CSS</td></tr><tr><td>JS</td></tr></table>";    div1.innerHTML=table;</script></body></html>
0 0
原创粉丝点击