潔靜精微 » 文本 http://julabs.me/blog 想努力创造完美的东西，必须具备心灵的纯洁，同时富于宗教精神。 Wed, 18 Jan 2012 06:34:33 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 《精通JavaScript》笔记——获取文本内容的通用函数 http://julabs.me/blog/front/function-for-get-text-in-dom/ http://julabs.me/blog/front/function-for-get-text-in-dom/#comments Sun, 27 Dec 2009 09:35:21 +0000 admin http://julabs.me/blog/?p=93 以前写过一篇博文《获取元素文本内容》，但功能过于简单，它只能获取元素自身所包含的文本内容，而对于它的子元素内的文本内容就无能为力了。今天在看《精通JavaScript》时看到了一个更好的方法，不仅能兼容各种浏览器，而且还可以提取所有子元素内的文本内容。代码如下：

function getText(e){
	var t="";

		// 如果传入的是元素，则继续遍历其子元素，
		// 否则假定它是一个数组
		e=e.childNodes || e;

		for(var j=0;j<e.length;j++){
			// 如果不是元素，追加其文本值
			// 否则，递归遍历所有元素的子节点
			t+=e[j].nodeType!=1?
			e[j].nodeValue:getText(e[j].childNodes);
		}

		// 返回匹配的文本
		return t;
	}
}

这样你就能拥有一个能获取任何元素文本内容的兼容方法，无论是在XHTML还是在XML文档中都能使用。

]]> http://julabs.me/blog/front/function-for-get-text-in-dom/feed/ 0 获取元素文本内容 http://julabs.me/blog/front/get-text-value/ http://julabs.me/blog/front/get-text-value/#comments Sun, 27 Dec 2009 07:41:51 +0000 admin http://julabs.me/blog/?p=13 要获得一个元素的文本内容，简单地可以用以下代码：

elementContent = bodyElement.firstChild.nodeValue;

但如果一个元素中有多行文本，如:

第一行文本
第二行文本
第三行文本
第四行文本
第五行文本

用firstChild.nodeValue的方法只能取得第一行的文本内容，如果要想获得元素内所有的文本内容，在IE中就要用到innerText。火狐不支持innerText，但火狐有个与innerText相似的功能：textContent。一个简单通用代码如下：

elementContent = bodyElement.innerText||bodyElement.textContent;

这种方法在IE、火狐，谷歌浏览器以及Opera都能正常运行。

]]> http://julabs.me/blog/front/get-text-value/feed/ 0