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


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 相关文章推荐
javascript 设置文本框中焦点的位置
Nov 20 Javascript
让div层随鼠标移动的实现代码 ie ff
Dec 18 Javascript
随窗体滑动的小插件sticky源码
Jun 21 Javascript
bootstrap改变按钮加载状态
Dec 01 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
Aug 06 Javascript
js下将金额数字每三位一逗号分隔
Feb 19 Javascript
基于JavaScript实现前端文件的断点续传
Oct 17 Javascript
Ionic + Angular.js实现图片轮播的方法示例
May 21 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
KOA+egg.js集成kafka消息队列的示例
Nov 09 Javascript
JS实现的自定义map方法示例
May 17 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 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的5个入手程序
2006/11/23 PHP
php discuz 主题表和回帖表的设计
2009/03/13 PHP
php程序之die调试法 快速解决错误
2009/09/17 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
修改或扩展jQuery原生方法的代码实例
2015/01/13 Javascript
JavaScript数组Array对象增加和删除元素方法总结
2015/01/20 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
学习Angular中作用域需要注意的坑
2016/08/17 Javascript
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
实例解析Vue.js下载方式及基本概念
2018/05/11 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
[03:23]我的刀塔你不可能这么可爱 第一期金萌萌的故事
2014/06/20 DOTA
Python入门篇之列表和元组
2014/10/17 Python
Python函数式编程指南(二):从函数开始
2015/06/24 Python
Python中的单行、多行、中文注释方法
2018/07/19 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
python全栈知识点总结
2019/07/01 Python
python实现几种归一化方法(Normalization Method)
2019/07/31 Python
python yield关键词案例测试
2019/10/15 Python
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
澳大利亚连衣裙和女装在线:Esther
2017/11/11 全球购物
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
CSMA/CD介质访问控制协议
2015/11/17 面试题
毕业生自我鉴定
2013/12/04 职场文书
实习生求职自荐信
2014/02/07 职场文书
人事局接收函
2015/01/30 职场文书
业务员岗位职责
2015/02/03 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
阿凡达观后感
2015/06/10 职场文书
《三国志》赏析
2019/08/27 职场文书