關(guān)于解決IE8以下版本獲取DOM節(jié)點(diǎn)的方法

張春雷發(fā)布于2019-08-21 16:43 / 3601人閱讀

摘要：下面是我代碼首先創(chuàng)建一個(gè)，給其默認(rèn)樣式，效果如下當(dāng)我們用各個(gè)瀏覽器都可以獲得類名節(jié)點(diǎn)，但是一下就死這種情況所以，我們就得自己來(lái)封裝一個(gè)函數(shù)，來(lái)獲取中的操作節(jié)點(diǎn)。

關(guān)于解決IE8以下版本獲取DOM節(jié)點(diǎn)的方法

?????在前端開(kāi)發(fā)中用 js 對(duì) html 進(jìn)行操作，在獲取DOM節(jié)點(diǎn)的時(shí)候我們會(huì)用到類選擇器，但是類選擇器并不是能夠在所有的瀏覽器下正常運(yùn)行，或許大家已經(jīng)猜到，沒(méi)錯(cuò)就是IE(8以下)，或許有人會(huì)所現(xiàn)在誰(shuí)還用IE，但是作為一個(gè)程序員，在遇到問(wèn)題我們都應(yīng)該去尋找解決的方法，那我們就得自己來(lái)封裝獲取類名節(jié)點(diǎn)的方法，下面是我自己的一些方法。

下面是我代碼：

首先創(chuàng)建一個(gè)div，給其默認(rèn)樣式，效果如下；

當(dāng)我們用各個(gè)瀏覽器都可以獲得類名DOM節(jié)點(diǎn)，但是IE8一下就死這種情況：

所以，我們就得自己來(lái)封裝一個(gè)函數(shù)，來(lái)獲取html中的DOM操作節(jié)點(diǎn)。

代碼如下：

整體思路：

1.先判斷是否支持 document.getElementsByClassName 直接獲取class DOM節(jié)點(diǎn)
2.先獲取html所有的DOM節(jié)點(diǎn)，并新建一個(gè)數(shù)組存放需要獲取的class 類名
3.循環(huán)遍歷，將滿足要求的class存入elements空數(shù)組中
4.返回我們得到的新的數(shù)組，這個(gè)數(shù)組就是我們存放類名的數(shù)組

我們先看下 a 打印出來(lái)的什么什么

很顯然打印出來(lái)的是一個(gè)數(shù)組對(duì)象，那么我們就可以通過(guò)索引對(duì)class進(jìn)行操作了；

下面是我執(zhí)行的結(jié)果：

這就證明我們用類名對(duì)html進(jìn)行了操作節(jié)點(diǎn)進(jìn)行了操作。

云服務(wù)器 GPU云服務(wù)器獲取DOM節(jié)點(diǎn) 以下關(guān)于彈性云服務(wù)器說(shuō)法正確的是 dom的節(jié)點(diǎn)類型的解決方法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88652.html

相關(guān)文章

前端必備基礎(chǔ)

摘要：文檔類型，它位于文檔中最前面的位置，處于標(biāo)簽之前。如果你想制作符合標(biāo)準(zhǔn)的頁(yè)面，一個(gè)必不可少的關(guān)鍵組成部分就是的聲明。類似的，如果文檔包含的是標(biāo)記，但是聲明指定是也是不恰當(dāng)?shù)摹Ｈ绾斡|發(fā)兩種模式不存在或形式不正確會(huì)導(dǎo)致和文檔以混雜模式呈現(xiàn)。 1、DOM結(jié)構(gòu) —— 兩個(gè)節(jié)點(diǎn)之間可能存在哪些關(guān)系以及如何在節(jié)點(diǎn)之間任意移動(dòng)。 1、包含與被包含 A.contains(B)檢測(cè)B節(jié)點(diǎn)是否是A節(jié)點(diǎn)的子...

jkyin 2019-08-30 11:09 評(píng)論0 收藏0
前端必備基礎(chǔ)

摘要：文檔類型，它位于文檔中最前面的位置，處于標(biāo)簽之前。如果你想制作符合標(biāo)準(zhǔn)的頁(yè)面，一個(gè)必不可少的關(guān)鍵組成部分就是的聲明。類似的，如果文檔包含的是標(biāo)記，但是聲明指定是也是不恰當(dāng)?shù)?。如何觸發(fā)兩種模式不存在或形式不正確會(huì)導(dǎo)致和文檔以混雜模式呈現(xiàn)。 1、DOM結(jié)構(gòu) —— 兩個(gè)節(jié)點(diǎn)之間可能存在哪些關(guān)系以及如何在節(jié)點(diǎn)之間任意移動(dòng)。 1、包含與被包含 A.contains(B)檢測(cè)B節(jié)點(diǎn)是否是A節(jié)點(diǎn)的子...

PrototypeZ 2019-08-02 15:17 評(píng)論0 收藏0
前端必備基礎(chǔ)

摘要：文檔類型，它位于文檔中最前面的位置，處于標(biāo)簽之前。如果你想制作符合標(biāo)準(zhǔn)的頁(yè)面，一個(gè)必不可少的關(guān)鍵組成部分就是的聲明。類似的，如果文檔包含的是標(biāo)記，但是聲明指定是也是不恰當(dāng)?shù)?。如何觸發(fā)兩種模式不存在或形式不正確會(huì)導(dǎo)致和文檔以混雜模式呈現(xiàn)。 1、DOM結(jié)構(gòu) —— 兩個(gè)節(jié)點(diǎn)之間可能存在哪些關(guān)系以及如何在節(jié)點(diǎn)之間任意移動(dòng)。 1、包含與被包含 A.contains(B)檢測(cè)B節(jié)點(diǎn)是否是A節(jié)點(diǎn)的子...

pumpkin9 2019-08-23 18:04 評(píng)論0 收藏0
JavaScript操作DOM的那些坑

摘要：在操作中存在著許多跨瀏覽器方面的坑，本文花了我將近一周的時(shí)間整理，我將根據(jù)實(shí)例整理那些大大小小的坑。在火狐中，與等效的是。對(duì)象的屬性則表示文檔的根節(jié)點(diǎn)。不區(qū)分和在下使用和時(shí)會(huì)同時(shí)返回或與給定值相同的元素。 js在操作DOM中存在著許多跨瀏覽器方面的坑，本文花了我將近一周的時(shí)間整理，我將根據(jù)實(shí)例整理那些大大小小的坑。 DOM的工作模式是：先加載文檔的靜態(tài)內(nèi)容、再以動(dòng)態(tài)方式對(duì)它們進(jìn)行刷新，...

RiverLi 2019-08-21 10:29 評(píng)論0 收藏0
JavaScript DOM節(jié)點(diǎn)簡(jiǎn)介

摘要：如果傳遞的參數(shù)是，將遞歸復(fù)制當(dāng)前節(jié)點(diǎn)的所有子孫節(jié)點(diǎn)。的話只復(fù)制當(dāng)前節(jié)點(diǎn)。設(shè)置內(nèi)容時(shí)，能將里面的標(biāo)簽渲染成正常的標(biāo)簽。 DOM由節(jié)點(diǎn)組成在 HTML DOM （文檔對(duì)象模型）中，每個(gè)部分都是節(jié)點(diǎn)：文檔本身是文檔節(jié)點(diǎn)所有 HTML 元素是元素節(jié)點(diǎn)所有 HTML 屬性是屬性節(jié)點(diǎn)HTML 元素內(nèi)的文本是文本節(jié)點(diǎn)注釋是注釋節(jié)點(diǎn) 1．重要節(jié)點(diǎn)類型：標(biāo)簽(元素)節(jié)點(diǎn)，屬性節(jié)點(diǎn)，文本節(jié)點(diǎn)。 2．重要...

silvertheo 2019-08-02 14:00 評(píng)論0 收藏0