1,javaScript方法:document.getElementById(“ id”)。innerhtml;
((1)實例說明
複製代碼代碼如下:
<!Doctype HTML公共“ - // W3C // DTD XHTML 1.0 Transitional // en”“” http://www.org/tr/tr/xhtml1/dtd/xhtml1-xhtml1-transitional.transitional.dtdd'>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<頭>
<meta http-equiv =“ content-type” content =“ text /html; charset = utf-8” />
<title>獲取html </title>
<腳本類型=“ text/javascript”>
函數gettr()
{
var str = document.getElementById(“ div_child”)。innerhtml;
警報(str);
}
</script>
</head>
<身體>
<div id =“ div_child”>
<表>
<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” onclick =“ getstr()” value =“獲取字符串”/>
</div>
</body>
</html>
(2)點擊按鈕後,彈出信息,彈出信息
2,jQuery中的方法:$(“#id”)。html()
((1)實例說明
複製代碼代碼如下:
<!Doctype HTML公共“ - // W3C // DTD XHTML 1.0 Transitional // en”“” http://www.org/tr/tr/xhtml1/dtd/xhtml1-xhtml1-transitional.transitional.dtdd'>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<頭>
<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>
<腳本類型=“ text/javascript”>
$(function(){
$(“#btn”)。單擊(function(){
var str = $(“#div_child”)。html();
警報(str);
});
});
</script>
</head>
<身體>
<div id =“ div_child”>
<表>
<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)運行結果