父节点获取子节点的字符串示例代码
2018-10-12 14:05
204 查看
1、JavaScript方法:document.getElementById("id").innerHTML;
(1)实例说明
(2)点击按钮后,弹出信息
2、jQuery中的方法:$("#id").html()
(1)实例说明
(2)运行结果
(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)运行结果
相关文章推荐
- 父节点获取子节点的字符串示例代码
- js substring从右边获取指定长度字符串(示例代码)
- jquery获取子节点和父节点的示例代码
- jquery获取子节点和父节点的示例代码
- js substring从右边获取指定长度字符串(示例代码)
- jquery获取子节点和父节点的示例代码
- XML工具代码:SAX从String字符串XML内获取指定节点或属性的值
- c#获取字符串宽度的示例代码(字节数方法)
- jquery获取子节点和父节点的示例代码
- OID-----利用SNMP获取、走访节点值【程序代码+分析
- 父节点获取子节点的字符串
- jquery的父子兄弟节点查找示例代码
- jquery 获取 outerHtml 包含当前节点本身的代码
- jquery获取子节点和父节点的示例代码
- jQuery中使用Ajax获取JSON格式数据示例代码
- JQuery获取表格数据示例代码
- 转载--经验总结:应对中文输入法的字符串截断方案(带代码示例)
- android 安卓APP获取手机设备信息和手机号码的代码示例
- javascript字符串替换及字符串分割示例代码
- JS - [IE,FF]动态获取节点代码innerHTML分析