getElementsByClassName的用法和js獲取class-創(chuàng)新互聯(lián)

因為IE瀏覽器不支持getElementsByClassName，所以你要自己寫一個方法得到class

創(chuàng)新互聯(lián)建站公司2013年成立，是專業(yè)互聯(lián)網技術服務公司，擁有項目成都網站建設、成都做網站網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元墨江做網站,已為上家服務,為墨江各地企業(yè)和個人服務,聯(lián)系電話:028-86922220

但是火狐瀏覽器知道getElementsByClassName，可以直接的用

<html>

<head>

window.onload = function () {

var tagName = getClass("div", "a1");

//因為返回的是包含多個元素的數(shù)組，所以要遍歷一下

for (var i = 0; i < tagName.length; i++) {

tagName[i].innerHTML = "你好";

}

var tagName = getClass("div", "a2");

for (var i = 0; i < tagName.length; i++) {

tagName[i].innerHTML = "ALL好";

}

function getClass(tagname, className) { //tagname指元素，className指class的值

//判斷瀏覽器是否支持getElementsByClassName，如果支持就直接的用

if (document.getElementsByClassName) {

return getElementsByClassName(className);

}

else { //當瀏覽器不支持getElementsByClassName的時候用下面的方法

var tagname = document.getElementsByTagName_r(tagname); //獲取指定元素

var tagnameAll = []; //這個數(shù)組用于存儲所有符合條件的元素

for (var i = 0; i < tagname.length; i++) { //遍歷獲得的元素

if (tagname[i].className == className) { //如果獲得的元素中的class的值等于指定的類名，就賦值給tagnameAll

tagnameAll[tagnameAll.length] = tagname[i];

}

return tagnameAll;

}

</script>

</head>

<body>

</body>

</html>

我建議不要用上面的方法，用JQuery，可以省去很多的代碼

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享文章：getElementsByClassName的用法和js獲取class-創(chuàng)新互聯(lián)
網頁網址：http://bm7419.com/article30/hccpo.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、網站排名、定制網站、網站建設、網站設計公司、外貿建站

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容