提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  大数据

当前栏目

父节点获取子节点的字符串示例代码

节点代码 获取 字符串 示例
2023-06-13 09:15:18 时间
1、JavaScript方法：document.getElementById("id").innerHTML;

（1）实例说明
复制代码代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>获取HTML中的子项</title>
<scripttype="text/javascript">
functiongetStr()
{
varstr=document.getElementById("div_child").innerHTML;
alert(str);
}
</script>
</head>

<body>
<divid="div_child">
<table>
<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>
<inputtype="button"id="btn"onclick="getStr()"value="获取字符串"/>
</div>
</body>
</html>

（2）点击按钮后，弹出信息
 
2、jQuery中的方法：$("#id").html()

（1）实例说明
复制代码代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>jQuery中父节点获取子节点字符串</title>
<scripttype="text/javascript"src="jquery-2.1.0.js"></script>
<scripttype="text/javascript">
$(function(){
$("#btn").click(function(){
varstr=$("#div_child").html();
alert(str);
});
});
</script>
</head>

<body>
<divid="div_child">
<table>
<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>
<inputtype="button"id="btn"value="获取值"/>
</div>
</body>
</html>

（2）运行结果

相关文章