為指定元素增加樣式的js代碼
更新時(shí)間：2009年12月09日 04:05:48 作者：
從此例子中發(fā)現(xiàn)，js對(duì)"" 與 " " ，注意中間還有一空格，解析是非常嚴(yán)格的。在java與net中還有待于研究。
這個(gè)函數(shù)主要是為指定的元素添加樣式。相當(dāng)于Jquery中的addClass(class)--為每個(gè)匹配的元素添加指定的類名。
在Jquery中要求 class (String) : 一個(gè)或多個(gè)要添加到元素中的CSS類名，請(qǐng)用空格分開。而這個(gè)函數(shù)也是有這樣的要求。
div{ border:1px solid #ccc; width:200px; height:200px;}
.a{ background:#900; }
.b{ font-size:30px; font-weight:bold;}
function addClass(elements, value)
{
if (!elements.className) {
elements.className = value;
}
else
{
newClass = elements.className;
newClass += " ";
newClass += value;
elements.className = newClass;
}
}
window.onload = function ()
{
var test = document.getElementById('test');
alert(test.className);
addClass(test, 'a b');
//addClass(test, 'b');
}
<div id="test">這里是測試層</div>
在Jquery中要求 class (String) : 一個(gè)或多個(gè)要添加到元素中的CSS類名，請(qǐng)用空格分開。而這個(gè)函數(shù)也是有這樣的要求。
復(fù)制代碼 代碼如下:
div{ border:1px solid #ccc; width:200px; height:200px;}
.a{ background:#900; }
.b{ font-size:30px; font-weight:bold;}
復(fù)制代碼 代碼如下:
function addClass(elements, value)
{
if (!elements.className) {
elements.className = value;
}
else
{
newClass = elements.className;
newClass += " ";
newClass += value;
elements.className = newClass;
}
}
window.onload = function ()
{
var test = document.getElementById('test');
alert(test.className);
addClass(test, 'a b');
//addClass(test, 'b');
}
<div id="test">這里是測試層</div>
相關(guān)文章
pixijs 是一個(gè)強(qiáng)大的 Web Canvas 2D 庫，以其強(qiáng)大性能而著稱。這篇文章主要帶大家學(xué)習(xí)一下PixiJS是如何實(shí)現(xiàn)常見圖形繪制的，希望對(duì)大家有所幫助2023-02-02
分享別人寫的一個(gè)小型js框架...2007-08-08
js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解
今天小編就為大家分享一篇關(guān)于js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
asp.net+js 實(shí)現(xiàn)無刷新上傳解析csv文件的代碼
無刷新上傳解析csv文件的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-05-05
js+css實(shí)現(xiàn)扇形導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)扇形導(dǎo)航效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
想必大家都知道，JavaScrip是全棧開發(fā)語言，瀏覽器，手機(jī)，服務(wù)器端都可以看到JS的身影。 本文會(huì)分享一些高效的JavaScript的最佳實(shí)踐，提高大家對(duì)JS的底層和實(shí)現(xiàn)原理的理解，感興趣的小伙伴們可以參考一下2016-01-01
本篇文章主要是對(duì)js導(dǎo)航欄單擊事件背景變換的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
本篇文章主要介紹了JS敏感詞過濾實(shí)例，詳細(xì)的介紹了兩種方法，RegExp（），replace（），具有一定的參考價(jià)值，有興趣的可以了解一下。2016-12-12
javascript中xml操作實(shí)現(xiàn)代碼
好久沒寫了。感覺今時(shí)今日，HTML5 還依然只是一種玩票的東東。但愿 w3c 的標(biāo)準(zhǔn)可以早一點(diǎn)出臺(tái)，不要讓各種瀏覽器的兼容問題和支持程度搞死2011-11-11
在JavaScript中添加css樣式(js追加類)代碼示例
這篇文章主要給大家介紹了關(guān)于在JavaScript中如何添加css樣式,也就是js追加類的相關(guān)資料,JavaScript是一種廣泛應(yīng)用于互聯(lián)網(wǎng)開發(fā)的編程語言,它能夠幫助網(wǎng)頁實(shí)現(xiàn)動(dòng)態(tài)效果和交互性,需要的朋友可以參考下2024-01-01