zoukankan      html  css  js  c++  java
  • innerHTML

    对于innerHTML 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。(获取HTML当前标签的起始和结束里面的内容)

    下面的例子返回了表格行的 inner HTML:
    <html>
    <head>
    <script type="text/javascript">
    function getInnerHTML() {
    alert(document.getElementById("tr1").innerHTML);
    }
    </script>
    </head>
    <body>
    <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" />
    </body>
    </html>
    运行结果:
    <td>Firstname</td>
    <td>Lastname</td>
    ---------------------------------------------------------------------------------------------------------------------------------
    <ul>
    <li id="tab1" title="管理首页"><span id="spanTitle">管理首页</span></li>
    </ul>
    <a title="模板管理" onclick="show_title('管理1')" href="#" target="content3"></a>
    <script type="text/javascript">
    //修改标题
    function show_title(str){
    document.getElementById("spanTitle").innerHTML=str;
    }
    </script>
    注意:innerHTML不可写为innerHtml或是其他形式,大小写要严格遵守,不然无法获取或者设置数据。

  • 相关阅读:
    【转载】Dom篇
    【转载】Eclipse自动编译问题
    RabbitMQ
    分布式消息中间件
    分布式限流算法
    分布式限流和熔断
    数据库中间件
    redis 集群原理
    redis 哨兵模式(读写分离)
    redis 和memcache 区别
  • 原文地址:https://www.cnblogs.com/zzc134680/p/5729700.html
Copyright © 2011-2022 走看看