innerHTML简单用法

来源:互联网 发布:网络中继器设置方法 编辑:程序博客网 时间:2024/06/05 04:23

原文:http://hi.baidu.com/liwei45212/item/b6ba04387292ed129dc65ec0

<html>   
<head>  
 <script type="text/javascript">
  function getInnerHTML() {  
    alert(document.getElementById("tr1").innerHTML);
  }
 function show_title(str){
   document.getElementById("spanTitle").innerHTML=str;  
   }

  </script>  
 </head>  
 <body>
<br>定义和用法:对于innerHTML 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。
<br>语法;tablerowObject.innerHTML=HTML
  <table border="1">   
   <tr id="tr1"><td>Firstname</td><td>Lastname</td>
   </tr>   
   <tr id="tr2"><td>Peter</td><td>Griffin</td>
   </tr>  
  </table>  
 <br />   
<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" />  
<br>****************************************************************************************

<ul>
  <li id="tab1" title="管理首页">
<span id="spanTitle">测试显示</span>
</li>
  </ul>  
 <a title="模板管理" onclick="show_title('管理1')" href="#" target="content3">点击管理首页</a>

 

 </body>   
</html>

原创粉丝点击