資訊專欄INFORMATION COLUMN
摘要：下面是我代碼首先創(chuàng)建一個，給其默認(rèn)樣式，效果如下當(dāng)我們用各個瀏覽器都可以獲得類名節(jié)點，但是一下就死這種情況所以，我們就得自己來封裝一個函數(shù)，來獲取中的操作節(jié)點。
關(guān)于解決IE8以下版本獲取DOM節(jié)點的方法
?????在前端開發(fā)中用 js 對 html 進(jìn)行操作，在獲取DOM節(jié)點的時候我們會用到類選擇器，但是類選擇器并不是能夠在所有的瀏覽器下正常運行，或許大家已經(jīng)猜到，沒錯就是IE(8以下)，或許有人會所現(xiàn)在誰還用IE，但是作為一個程序員，在遇到問題我們都應(yīng)該去尋找解決的方法，那我們就得自己來封裝獲取類名節(jié)點的方法，下面是我自己的一些方法。
下面是我代碼：首先創(chuàng)建一個div，給其默認(rèn)樣式，效果如下；
當(dāng)我們用各個瀏覽器都可以獲得類名DOM節(jié)點，但是IE8一下就死這種情況：
所以，我們就得自己來封裝一個函數(shù)，來獲取html中的DOM操作節(jié)點。
代碼如下：
整體思路：
1.先判斷是否支持 document.getElementsByClassName 直接獲取class DOM節(jié)點
2.先獲取html所有的DOM節(jié)點，并新建一個數(shù)組存放需要獲取的class 類名
3.循環(huán)遍歷，將滿足要求的class存入elements空數(shù)組中
4.返回我們得到的新的數(shù)組，這個數(shù)組就是我們存放類名的數(shù)組
我們先看下 a 打印出來的什么什么
很顯然打印出來的是一個數(shù)組對象，那么我們就可以通過索引對class進(jìn)行操作了；
下面是我執(zhí)行的結(jié)果：
這就證明我們用類名對html進(jìn)行了操作節(jié)點進(jìn)行了操作。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/88652.html
摘要：文檔類型，它位于文檔中最前面的位置，處于標(biāo)簽之前。如果你想制作符合標(biāo)準(zhǔn)的頁面，一個必不可少的關(guān)鍵組成部分就是的聲明。類似的，如果文檔包含的是標(biāo)記，但是聲明指定是也是不恰當(dāng)?shù)?。如何觸發(fā)兩種模式不存在或形式不正確會導(dǎo)致和文檔以混雜模式呈現(xiàn)。 1、DOM結(jié)構(gòu) —— 兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。 1、包含與被包含 A.contains(B)檢測B節(jié)點是否是A節(jié)點的子...
摘要：文檔類型，它位于文檔中最前面的位置，處于標(biāo)簽之前。如果你想制作符合標(biāo)準(zhǔn)的頁面，一個必不可少的關(guān)鍵組成部分就是的聲明。類似的，如果文檔包含的是標(biāo)記，但是聲明指定是也是不恰當(dāng)?shù)摹Ｈ绾斡|發(fā)兩種模式不存在或形式不正確會導(dǎo)致和文檔以混雜模式呈現(xiàn)。 1、DOM結(jié)構(gòu) —— 兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。 1、包含與被包含 A.contains(B)檢測B節(jié)點是否是A節(jié)點的子...
摘要：文檔類型，它位于文檔中最前面的位置，處于標(biāo)簽之前。如果你想制作符合標(biāo)準(zhǔn)的頁面，一個必不可少的關(guān)鍵組成部分就是的聲明。類似的，如果文檔包含的是標(biāo)記，但是聲明指定是也是不恰當(dāng)?shù)?。如何觸發(fā)兩種模式不存在或形式不正確會導(dǎo)致和文檔以混雜模式呈現(xiàn)。 1、DOM結(jié)構(gòu) —— 兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。 1、包含與被包含 A.contains(B)檢測B節(jié)點是否是A節(jié)點的子...
摘要：在操作中存在著許多跨瀏覽器方面的坑，本文花了我將近一周的時間整理，我將根據(jù)實例整理那些大大小小的坑。在火狐中，與等效的是。對象的屬性則表示文檔的根節(jié)點。不區(qū)分和在下使用和時會同時返回或與給定值相同的元素。 js在操作DOM中存在著許多跨瀏覽器方面的坑，本文花了我將近一周的時間整理，我將根據(jù)實例整理那些大大小小的坑。 DOM的工作模式是：先加載文檔的靜態(tài)內(nèi)容、再以動態(tài)方式對它們進(jìn)行刷新，...
摘要：如果傳遞的參數(shù)是，將遞歸復(fù)制當(dāng)前節(jié)點的所有子孫節(jié)點。的話只復(fù)制當(dāng)前節(jié)點。設(shè)置內(nèi)容時，能將里面的標(biāo)簽渲染成正常的標(biāo)簽。 DOM由節(jié)點組成 在 HTML DOM （文檔對象模型）中，每個部分都是節(jié)點：文檔本身是文檔節(jié)點所有 HTML 元素是元素節(jié)點所有 HTML 屬性是屬性節(jié)點HTML 元素內(nèi)的文本是文本節(jié)點注釋是注釋節(jié)點 1．重要節(jié)點類型：標(biāo)簽(元素)節(jié)點，屬性節(jié)點，文本節(jié)點。 2．重要...
閱讀 1734·2021-09-23 11:31
閱讀 1056·2021-09-23 11:22
閱讀 1482·2021-09-22 15:41
閱讀 4279·2021-09-03 10:28
閱讀 3008·2019-08-30 15:55
閱讀 3617·2019-08-30 15:55
閱讀 2093·2019-08-30 15:44
閱讀 2799·2019-08-30 13:50
