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


Posted in Javascript onFebruary 26, 2014

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)运行结果
父节点获取子节点的字符串示例代码
Javascript 相关文章推荐
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
js获取url参数值的两种方式
Sep 10 Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
浅析JavaScript中两种类型的全局对象/函数
Dec 05 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
Jan 26 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
基于zepto.js实现手机相册功能
Jul 11 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
node实现生成带参数的小程序二维码并保存到本地功能示例
Dec 05 Javascript
vue实现表格过滤功能
Sep 27 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 24 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 #Javascript
display和visibility的区别示例介绍
Feb 26 #Javascript
js 赋值包含单引号双引号问题的解决方法
Feb 26 #Javascript
js返回上一页并刷新的多种实现方法
Feb 26 #Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 #Javascript
Iframe 自动适应页面的高度示例代码
Feb 26 #Javascript
鼠标滑过出现预览的大图提示效果
Feb 26 #Javascript
You might like
php木马webshell扫描器代码
2012/01/25 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
php+ajax登录跳转登录实现思路
2016/07/31 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
javascript一些实用技巧小结
2011/03/18 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
关于火狐(firefox)及ie下event获取的两种方法
2012/12/27 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
react实现一个优雅的图片占位模块组件详解
2017/10/30 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
使用Vue实现调用接口加载页面初始数据
2019/10/28 Javascript
js实现鼠标点击飘爱心效果
2020/08/19 Javascript
[47:42]完美世界DOTA2联赛PWL S2 GXR vs Ink 第一场 11.19
2020/11/20 DOTA
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
简单学习Python time模块
2016/04/29 Python
Python更新数据库脚本两种方法及对比介绍
2017/07/27 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
Python如何基于rsa模块实现非对称加密与解密
2020/01/03 Python
解析python 中/ 和 % 和 //(地板除)
2020/06/28 Python
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
英语演讲稿范文
2014/01/03 职场文书
就业表自我评价分享
2014/02/06 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
2015年底工作总结范文
2015/05/15 职场文书
2019教师的学习计划
2019/06/25 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers