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


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 简练的几个函数
Aug 29 Javascript
ie focus bug 解决方法
Sep 03 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
怎么引入(调用)一个JS文件
May 26 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
Jul 13 Javascript
详解微信小程序Page中data数据操作和函数调用
Sep 27 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
详解创建自定义的Angular Schematics
Jun 06 Javascript
在js代码拼接dom对象到页面上的模板总结
Oct 21 Javascript
JS防抖和节流实例解析
Sep 24 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 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.0 Pear安装方法
2006/12/06 PHP
php 在文件指定行插入数据的代码
2010/05/08 PHP
php实现的CSS更新类实例
2014/09/22 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
javascript+dom树型菜单类,希望朋友们一起进步
2007/05/03 Javascript
一个用js实现控制台控件的代码
2007/09/04 Javascript
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
2012/05/03 Javascript
JS 添加网页桌面快捷方式的代码详细整理
2012/12/27 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
简单介绍JavaScript中字符串创建的基本方法
2015/07/07 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
AngularJS教程之环境设置
2016/08/16 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
JavaScript编程设计模式之构造器模式实例分析
2017/10/25 Javascript
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
[08:54]DOTA2-DPC中国联赛 正赛 Aster vs LBZS 选手采访
2021/03/11 DOTA
Fabric 应用案例
2016/08/28 Python
python实现微信接口(itchat)详细介绍
2017/10/23 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
Python docutils文档编译过程方法解析
2020/06/23 Python
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
应聘编辑自荐信范文
2014/03/12 职场文书
安全生产标语大全
2014/10/06 职场文书
流动人口婚育证明
2014/10/19 职场文书
幸福来敲门观后感
2015/06/04 职场文书
《花钟》教学反思
2016/02/17 职场文书
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android