父节点获取子节点的字符串示例代码
时间：2024-02-27 05:07:02
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;
alert(str);
}
</script>
</head>
<body>
<div id="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>
<input type="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"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
var str = $("#div_child").html();
alert(str);
});
});
</script>
</head>
<body>
<div id="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>
<input type="button" id="btn" value="获取值"/>
</div>
</body>
</html>
（2）运行结果 
标签：父节点,子节点
0
投稿猜你喜欢
python输出数组中指定元素的所有索引示例
2021-11-27 02:21:09
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2022-06-05 14:11:58
Python利用treap实现双索引的方法
2022-02-28 15:59:44
python创建学生成绩管理系统
2023-08-09 04:19:38
TensorFlow索引与切片的实现方法
2022-11-08 16:00:12
python实现Dijkstra算法的最短路径问题
2023-05-18 23:22:15
Python+threading模块对单个接口进行并发测试
2023-07-07 02:41:41
go实现grpc四种数据流模式
2024-02-01 15:51:56
启动iis出现发生意外0x8ffe2740的解决方法
2011-03-31 11:19:00
Sharding-JDBC自动实现MySQL读写分离的示例代码
2024-01-18 00:02:35
Python实现读取字符串按列分配后按行输出示例
2023-08-07 19:39:14
python实现井字棋游戏
2022-02-27 15:16:49
python中的全局变量用法分析
2022-04-04 01:29:02
Python 函数用法简单示例【定义、参数、返回值、函数嵌套】
2022-01-09 22:58:31
asp如何将统计的访问者数目周期性地保存？
2009-11-26 20:54:00
对django xadmin自定义菜单的实例详解
2023-06-19 22:48:21
MYSQL GROUP BY用法详解
2024-01-29 10:22:05
解决Pycharm调用Turtle时 窗口一闪而过的问题
2023-05-06 14:46:29
关于Vue的异步组件
2024-05-09 10:52:35
python paramiko连接ssh实现命令
2022-03-29 02:29:22