js下获取div中的数据的原理分析

更新时间：2010年04月07日 13:07:59 作者：

最近用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。

您可能感兴趣的文章:

Vue elementUI实现免密登陆与号码绑定功能
这篇文章主要介绍了Vue elementUI实现免密登陆与号码绑定功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
2022-11-11
Bootstrap Tooltip显示换行和左对齐的解决方案
小编在使用Bootstrap的Tooltip功能时遇到一些小问题，换行丢失，文字不是左对齐。下面小编给大家介绍下Bootstrap Tooltip显示换行和左对齐的解决方案，感兴趣的朋友一起看看吧
2017-10-10
通过实例理解javascript中没有函数重载的概念
这篇文章主要介绍了通过实例理解javascript中没有函数重载的概念,十分的简单易懂，需要的朋友可以参考下
2015-06-06
深入了解JavaScript代码覆盖
这篇文章主要介绍了深入了解JavaScript代码覆盖 ,代码覆盖提供有关是否以及可选地应用程序的某些部分被执行的频率的信息。它通常用于判定一个测试套件执行特定代码库的全面程度。,需要的朋友可以参考下
2019-06-06
js代码验证手机号码和电话号码是否合法
这篇文章主要介绍了js代码验证手机号码和电话号码是否合法，手机号码和电话号码在某些网站都是必填项，为了提高用户体验度，一般要进行合法性校验的,需要的朋友可以参考下
2015-07-07
js中的原生网络请求解读
这篇文章主要介绍了js中的原生网络请求解读，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
手机端转盘抽奖代码分享
转盘，也有一种说法叫抽奖转盘，大体上是由一块圆形的面板上面有很多的奖项设置，在圆形面板的前面，还有一根指针是固定的，下面，小编给大家分享手机端转盘抽奖，需要的朋友可以参考下
2015-09-09
js实现飞入星星特效代码
这篇文章主要介绍了js实现飞入星星特效代码,主要通过控制背景与飞入点的样式,结合setTimeout函数即可实现星星飞入的效果,对于学习javascript有不错的参考借鉴价值,需要的朋友可以参考下
2014-10-10
ie下动态加态js文件的方法
接触过相关知识的都知道，动态向DOM中添加js的script标签时，在各种浏览器下会有不同的表现。
2011-09-09
Js实现滚动变色的文字效果
滚动变色的文字js特效，可看到文字在交替变色显示，以吸引人的注意，效果真心不错哦，需要的朋友可以参考下
2014-06-06