父节点获取子节点的字符串示例代码
2014-02-26 00:00
429 查看
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)运行结果
相关文章推荐
- 10个足以让你成为更优秀的程序员的C语言资源
- 轻松理解AOP(面向切面编程)
- eclipse 导入 java项目报错
- 【原创】处理特殊log语句的java函数
- Delphi AES加密
- 新浪sae 部署django细节
- Django的MEDIA_ROOT和STATIC_ROOT--显示上传图片
- java中string与date格式之间的转换
- java时间相减
- java神级入门1安装环境
- Spring学习笔记(十)
- java模拟哲学家就餐问题
- java.util.Date和java.sql.Date的区别和相互转化
- mac安装xdebug
- {C#}{GDI+}各种C#,GDI+的资料
- myeclipse使用
- C#中Dictionary、ArrayList、Hashtable和Array的区别
- LeetCode - Evaluate Reverse Polish Notation
- 苹果SSL_goto漏洞简介
- java读取远程共享文件