父节点获取子节点的字符串
2014-02-25 22:22
211 查看
父节点获取子节点的字符串
1、JavaScript方法:document.getElementById("id").innerHTML;
(1)实例说明
(2)点击按钮后,弹出信息
2、jQuery中的方法:$("#id").html()
(1)实例说明
(2)运行结果
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)运行结果
相关文章推荐
- JAVA面试题
- 黑马程序员-----java集合类
- Struts2复习之OGNL(2)
- os模块
- 如何在DataTable中查找数据 Dataview检索数据
- [转载] 虚拟化管理软件比较
- fstab文件中挂载/dev/mtdblock设备不行!
- linux中select()函数分析
- JavaEE项目切换到Intellij遇到的一个问题
- J2EE的13种核心技术
- webkit在vs2008中编译
- Java中字符串相等与大小比较
- JSP内置对象
- Java中字符串相等与大小比较
- Docker简要操作
- 面对嘲讽,淡然一笑
- LeetCode 63 — Unique Paths II(C++ Java Python)
- jsp中response实现图片下载
- JSP响应的处理过程&JSP的三类语法
- 网站压力测试工具webbench安装和使用