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">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> 获取 HTML 中的子项 </TITAL>
<script type = "text / javascript">
fonction gettr ()
{
var str = document.getElementById ("div_child"). innerHtml;
alerte (str);
}
</cript>
</ head>
<body>
<div id = "div_child">
<ballage>
<tr>
<h> </th>
<h> </th>
<h> </th>
<h> </th>
<h> </th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</ table>
<entrée type = "bouton" id = "btn" onclick = "gettr ()" value = "获取字符串" />
</div>
</docy>
</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">
<adal>
<meta http-equiv = "contenu-type" contenu = "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"). Cliquez sur (fonction () {
var str = $ ("# div_child"). html ();
alerte (str);
});
});
</cript>
</ head>
<body>
<div id = "div_child">
<ballage>
<tr>
<h> </th>
<h> </th>
<h> </th>
<h> </th>
<h> </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 = "bouton" id = "btn" value = "获取值" />
</div>
</docy>
</html>
(2) 运行结果