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;
アラート（str）;
}
</script>
</head>
<body>
<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>
<入力型= "button" id = "btn" onclick = "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"> </scrip>
<script type = "text/javascript">
$（function（）{
$（ "＃btn"）。クリック（function（）{
var str = $（ "＃div_child"）。html（）;
アラート（str）;
}）;
}）;
</script>
</head>
<body>
<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>
<入力型= "button" id = "btn" value = "获取值"/>
</div>
</body>
</html>
（2 ）运行结果