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)运行结果