zoukankan      html  css  js  c++  java
  • 父节点获取子节点的字符串

    父节点获取子节点的字符串

    1、JavaScript方法:document.getElementById("id").innerHTML;

    (1)实例说明

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>获取HTML中的子项</title>
    <script type="text/javascript">
        function getStr()
       {
    	 var str = document.getElementById("div_child").innerHTML;
    	 alert(str);
       }
    </script>
    </head>
    
    <body>
       <div id="div_child">
          <table>
             <tr>
               <th></th>
               <th></th>
               <th></th>
               <th></th>
               <th></th>
             </tr>
             <tr>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
             </tr>
          </table>
          <input type="button" id="btn" οnclick="getStr()" value="获取字符串"/>
       </div>
    </body>
    </html>
    

    (2)点击按钮后,弹出信息


    2、jQuery中的方法:$("#id").html()

    (1)实例说明

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery中父节点获取子节点字符串</title>
    <script type="text/javascript" src="jquery-2.1.0.js"></script>
    <script type="text/javascript">
       $(function(){
    	    $("#btn").click(function(){
    			var str = $("#div_child").html();
    			alert(str);
    		});  
    	});
    </script>
    </head>
    
    <body>
       <div id="div_child">
          <table>
             <tr>
               <th></th>
               <th></th>
               <th></th>
               <th></th>
               <th></th>
             </tr>
             <tr>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
             </tr>
             <tr>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
             </tr>
             <tr>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
             </tr>
          </table>
          <input type="button" id="btn" value="获取值"/>
       </div>
    </body>
    </html>
    

    (2)运行结果



  • 相关阅读:
    Extjs4 MVC Controller中refs使用
    Mac下下载android4.2源码,进行源码调试
    来博客园一年三个月
    今天写的比较多
    Extjs4 MVC 添加view层
    mac自带vim7配置
    动态测试及调试工具
    等价类划分的延伸
    用javascript进行测试用例的验证
    同行评审在软件测试中的应用
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315359.html
Copyright © 2011-2022 走看看