快捷導(dǎo)航

js下獲取div中的數(shù)據(jù)的原理分析

更新時間：2010年04月07日 13:07:59 作者：

最近用js寫了一個計(jì)算器的頁面?；旧鲜褂玫搅?，ul li的幾點(diǎn)用法。用來布局，并且創(chuàng)造出了很不錯的鼠標(biāo)懸停效果。

關(guān)于從中學(xué)到的知識：
document.getelementbyid("ddhdh").innerHTML 可以獲取到div中的全部數(shù)據(jù)，包括標(biāo)簽。。。但是只是在IE和OPERA中使用
document.getelementbyid("ddhdh").innerTEXT 可以獲取到div中的文本數(shù)據(jù)，不會獲取到標(biāo)簽。。。但是只是在IE和OPERA中使用
document.getElementById(“text”).textContent 用于在火狐中獲取數(shù)據(jù)

上面的標(biāo)簽在這幾鐘基于兩種瀏覽器的內(nèi)核的瀏覽器，這幾種方法是不兼容的。

下面是解決方案

兼容火狐ie的js 獲取div的內(nèi)容
if(navigator.appName.indexOf(“Explorer”) > -1)

var text = document.getElementById(“text”).innerText;
else
var text = document.getElementById(“text”).textContent;

用來獲取瀏覽器的名稱，第一句話的意思就是當(dāng)獲取到的瀏覽器的名稱中帶有Explorer。

涉及到indexof用法

strObj.indexOf(subString[, startIndex])

參數(shù)
strObj

必選項(xiàng)。String 對象或文字。

subString

必選項(xiàng)。要在 String 對象中查找的子字符串。

starIndex

可選項(xiàng)。該整數(shù)值指出在 String 對象內(nèi)開始查找的索引。如果省略，則從字符串的開始處查找。

indexOf 方法返回一個整數(shù)值，指出 String 對象內(nèi)子字符串的開始位置。如果沒有找到子字符串，則返回 -1。

您可能感興趣的文章:

相關(guān)文章

解決uni-app報(bào)錯Error:?read?EBADF?at?Pipe?.?onStreamRead...
這篇文章主要介紹了uni-app報(bào)錯Error:?read?EBADF?at?Pipe?.?onStreamRead...解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
基于JavaScript實(shí)現(xiàn)快速轉(zhuǎn)換文本語言（繁體中文和簡體中文）
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)快速切換正體中文和簡體中文,需要的朋友可以參考下
2016-03-03
webpack的CSS加載器的使用
這篇文章主要介紹了webpack的CSS加載器的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-09-09
分享一個常用的javascript靜態(tài)類
這篇文章主要分享一個常用的javascript靜態(tài)類，筆者自己寫的,需要的朋友可以參考下
2014-12-12
javascript實(shí)現(xiàn)十六進(jìn)制顏色值（HEX）和RGB格式相互轉(zhuǎn)換
這篇文章主要介紹了javascript實(shí)現(xiàn)十六進(jìn)制顏色值（HEX）和RGB格式之間的轉(zhuǎn)換,使用正則的方法實(shí)現(xiàn)RGB顏色轉(zhuǎn)換為16進(jìn)制,需要的朋友可以參考下
2014-06-06
JavaScript對象參數(shù)的引用傳遞
這篇文章主要為大家介紹了JavaScript對象參數(shù)的引用傳遞的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-01-01
layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實(shí)例
今天小編就為大家分享一篇layer ui 導(dǎo)入文件之前傳入數(shù)據(jù)的實(shí)例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
分享50個超級有用的JavaScript單行代碼(推薦!)
JavaScript是一種腳本語言,是直接在瀏覽器運(yùn)行的,下面這篇文章主要給大家介紹了50個超級有用的JavaScript單行代碼的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-01-01
Bootstrap每天必學(xué)之縮略圖與警示窗
Bootstrap每天必學(xué)之縮略圖與警示窗，對Bootstrap縮略圖與警示窗小編也了解的很少，希望通過這篇文章和大家更多的去學(xué)習(xí)Bootstrap縮略圖與警示窗，從中得到收獲。
2015-11-11
JavaScript中的邏輯判斷符&&、||與!介紹
這篇文章主要介紹了JavaScript中的邏輯判斷符&&、||與!介紹,本文講解了邏輯與&&的處理規(guī)則、邏輯或||的處理規(guī)則、!操作符,需要的朋友可以參考下
2014-12-12