兼容IE,firefox的获取节点的文本值的javascript代码
我们知道通过浏览器自带的innerHTML属性能够获取节点的所包含的字符串的值,比如有如下节点:
代码如下:
<div id="test"><strong>i'm strong</strong></div>
var obj=document.getElementById("test");alert(obj.innerHTML);//返回的值是<strong>i'm strong</strong>
如果我想得到节点的文本值,也就不包括标签以为的字符串,怎么办呢。这里的文本值是:i'm strong
//非Mozilla浏览器:obj.innerText;//其他的浏览器obj.firstChild.nodeValue;
先提供一个通用的方法来解决兼容问题:
完整代码如下:
代码
title
i'm strong
var obj=document.getElementById("test");
//兼容浏览器获取节点文本的方法
function text(e){
var t="";
//如果传入的是元素,则继续遍历其子元素
//否则假定它是一个数组
e=e.childNodes||e;
//遍历所有子节点
for(var j=0;j
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
让FireFox支持innerText的实现代码
转载请注明来自:http://www.cnblogs.com/wbkt2t/
相关推荐
-
javascript获取下拉列表框当中的文本值示例代码
近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码: 复制代码 代码如下: <select onchange="isSelected(this.value);" id="city"> <option value="1">北京</option> <option value="2" >上海</option> <
-
javascript获取元素文本内容的通用函数
一个获取元素文本内容的通用函数 中华人民共和国1 2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 将HTML DOM中几个容易常用的属性做下记录: nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:node
-
javascript获取选中的文本的方法代码
复制代码 代码如下: <!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><title> new document
-
JavaScript获取/更改文本框的值的实例代码
尽管<input type="text" />和<textarea />是不同元素,但它们均支持同样的特性来获取包含在文本框内的文本.考虑以下例子: 复制代码 代码如下: <html><head><title>Retrieying a Textbox Value Example</title><script type="text/javascript">function getVal
-
JavaScript调用ajax获取文本文件内容实现代码
这几年JQuery写多了,传统的的javascript已经很久不写了,不少东西都忘掉了,还有多少人记得javascript中实现ajax操作需要借助XMLHttpRequest对象,其实jquery的ajax本质也是这个,好了,今天就花点时间演示一下如何用传统javascript获取文本内容并展示在页面上,废话不多少,直接上代码,注释写的很详细,大家应该能看懂: 复制代码 代码如下: <script type="text/javascript"> //(A)①获取文本文件方
-
JavaScript获取文本框内选中文本的方法
本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 复制代码 代码如下: <script type="text/javascript"> function getFieldSelection(select_field) { word=''; if (document.selection) {
-
JavaScript asp.net 获取当前超链接中的文本
<asp:LinkButton ID="BtnBaiyakuNo" runat="server" OnClientClick="openNo(this); return false;" TabIndex="0" /> function openNo(sender) { var linkNo = sender.toString().split("'")[1].replace(/\$/g,"
-
兼容IE,firefox的获取节点的文本值的javascript代码
我们知道通过浏览器自带的innerHTML属性能够获取节点的所包含的字符串的值,比如有如下节点: 复制代码 代码如下: <div id="test"><strong>i'm strong</strong></div> 通过 复制代码 代码如下: var obj=document.getElementById("test");alert(obj.innerHTML);//返回的值是<strong>i'm st
-
Ajax中通过JS代码自动获取表单元素值的示例代码
我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f
-
IE及firefox下获取及设置样式值的代码
复制代码 代码如下: <script type="text/javascript"> //<![CDATA[ function $(obj) { return document.getElementById(obj); } function getStyle(obj,styleName) { if(obj.currentStyle) //for ies { return obj.currentStyle[styleName]; //注意获取方式 } else //fo
-
获取offsetTop和offsetLeft值的js代码(兼容)
复制代码 代码如下: function offsetTop( elements ){ var top = elements.offsetTop; var parent = elements.offsetParent; while( parent != null ){ top += parent.offsetTop; parent = parent.offsetParent; }; return top; }; function offsetLeft( elements ){ var left =
-
ASP中SELECT下拉菜单同时获取VALUE和TEXT值的实现代码
在1个注册页面1.asp ,先选择镇,如下代码: <form action="reguser2.asp" method="post" name="form1" onSubmit="return checksumit();"> <table width="100%" border="1" cellspacing="0" cellpadding=&quo
-
jQuery获取节点和子节点文本的方法
对于下面的html片段, <div id="text_test">test text<a href="techbrood.com" rel="external nofollow" >techbrood co.</a></div> 获取节点纯文本: var text = $('#text_test').text() 这个会得到"test text techbrood co.",也就
-
js实现点击每个li节点,都弹出其文本值及修改
点击每个li节点,都弹出其文本值 1,获取所有的li节点 var liNodes=document.GetElementsByTagName("li"); 2,使用for循环进行遍历,得到每一个li节点 for(var i=0;i<liNodes.length;i++){ alert(i); } 3,为每一个li节点添加onclick响应函数 liNodes[i].onclick=function(){ } 4,在响应函数中获取当前节点的文本值 this 为正在响应事件的那个
-
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码(支持左移/右移功能)(本示例为上下两行图片进行双行滚动) **实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆, **通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置, **因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到"无缝&
-
怎么通过onclick事件获取js函数返回值(代码少)
具体过程不做详细叙述,直接上代码: 写一个弹出框,绑定onclick事件是好像控制不了它的返回值.代码如下 function createBtn(){ for(var i = 0; i < _this.btn.length; i++){ var btn = document.createElement('span'); btn.id = 'btn_' + i; btn.innerHTML = _this.btn[i]; btn.style.padding = '5px 15px'; btn.st
-
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
本文实例讲述了JS实现兼容各种浏览器的获取选择文本的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" con
随机推荐
- CMD里或登陆远程linux服务器时命令行下复制和粘贴实现方法
- jquery实现鼠标拖动图片效果示例代码
- angular分页指令操作
- perl的cgi高级编程介绍
- 一个JavaScript的求爱小特效
- Python读取指定目录下指定后缀文件并保存为docx
- js 纯数字不重复排列的另类方法
- 闭合浮动元素超级简单的方法
- IE和FIREFOX下CSS的区别与解决方法第1/2页
- jquery库或JS文件在eclipse下报错问题解决方法
- Spring中常用注解的详细介绍
- JavaScript实现的MD5算法完整实例
- 阿里云Centos配置iptables防火墙教程
- javascript中this的四种用法
- 如何将一个String和多个String值进行比较思路分析
- Android使用shape使组件呈现出特殊效果的方法
- C#中static void Main(string[] args) 参数示例详解
- thinkphp命名空间用法实例详解
- PHP spl_autoload_register实现自动加载研究
- Web2.0下XHTML+CSS 设计需要注意的地方小结