关于js中获取div中的数据

上午还跟同事说只需要innerHTML就可以获取div中的全部数据,在google reader看到这篇文章后才知道自己错了,只怪自己一直太依赖jQuery。

原文:http://www.cnblogs.com/rixinren/archive/2010/04/07/1705835.html

最近用js写了一个计算器的页面。基本上使用到了,ul  li的几点用法。用来布局,并且创造出了很不错的鼠标悬停效果。

关于从中学到的知识:

document.getelementbyid(“ddhdh”).innerHTML 可以获取到div中的全部数据,包括标签。。。但是只是在IE和OPERA中使用

document.getelementbyid(“ddhdh”).innerTEXT 可以获取到div中的文本数据,不会获取到标签。。。但是只是在IE和OPERA中使用

document.getElementById(“text”).textContent 用于在火狐中获取数据

上面的标签在这几钟基于两种浏览器的内核的浏览器,这几种方法是不兼容的。下面是解决方案

兼容火狐ie的js 获取div的内容


if(navigator.appName.indexOf(“Explorer”) > -1)
var text = document.getElementById(“text”).innerText;
else
var text = document.getElementById(“text”).textContent;

用来获取浏览器的名称,第一句话的意思就是当获取到的浏览器的名称中带有Explorer。

涉及到indexof用法

strObj.indexOf(subString[, startIndex])

参数
strObj
必选项。String 对象或文字。

subString
必选项。要在 String 对象中查找的子字符串。

starIndex
可选项。该整数值指出在 String 对象内开始查找的索引。如果省略,则从字符串的开始处查找。

indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,则返回 -1。

QQREADER9E1C27F5C72BB949


( ! ) Warning: Missing argument 1 for cwppos_show_review(), called in /data/www/enjoyphp/wp-content/themes/flat/content-single.php on line 29 and defined in /data/www/enjoyphp/wp-content/plugins/wp-product-review/includes/legacy.php on line 18
Call Stack
#TimeMemoryFunctionLocation
10.0000354984{main}( ).../index.php:0
20.0001355272require( '/data/www/enjoyphp/wp-blog-header.php' ).../index.php:17
30.170410163400require_once( '/data/www/enjoyphp/wp-includes/template-loader.php' ).../wp-blog-header.php:19
40.171610234544include( '/data/www/enjoyphp/wp-content/themes/flat/single.php' ).../template-loader.php:74
50.255310795688get_template_part( ).../single.php:5
60.255310796208locate_template( ).../general-template.php:167
70.255310796304load_template( ).../template.php:643
80.255410796688require( '/data/www/enjoyphp/wp-content/themes/flat/content-single.php' ).../template.php:686
90.264810789648cwppos_show_review( ).../content-single.php:29

发表评论

电子邮件地址不会被公开。 必填项已用*标注