1 、 javaScript : document.getElementById ("id"). innerhtml ؛
(1) 实例说明
复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> 获取 html 中的子项 </itlem>
<script type = "text/javaScript">
وظيفة getstr ()
{
var str = document.getElementById ("div_child"). innerhtml ؛
تنبيه (STR) ؛
}
</script>
</head>
<body>
<div id = "div_child">
<griding>
<tr>
<th> </h>
<th> </h>
<th> </h>
<th> </h>
<th> </h>
</r>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</r>
</table>
<type type = "button" id = "btn" onClick = "gettr ()" value = "获取字符串"/>
</div>
</body>
</html>
(2) 点击按钮后 , 弹出信息
2 、 jQuery : : $ ("#id"). html ()
(1) 实例说明
复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<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"). انقر فوق (function () {
var str = $ ("#div_child"). html () ؛
تنبيه (STR) ؛
}) ؛
}) ؛
</script>
</head>
<body>
<div id = "div_child">
<griding>
<tr>
<th> </h>
<th> </h>
<th> </h>
<th> </h>
<th> </h>
</r>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</r>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</r>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</r>
</table>
<type type = "button" id = "btn" value = "获取值"/>
</div>
</body>
</html>
(2) 运行结果