為指定元素增加樣式的js代碼
更新時間:2009年12月09日 04:05:48 作者:
從此例子中發(fā)現(xiàn),js對"" 與 " " ,注意中間還有一空格,解析是非常嚴(yán)格的。在java與net中還有待于研究。
這個函數(shù)主要是為指定的元素添加樣式。相當(dāng)于Jquery中的addClass(class)--為每個匹配的元素添加指定的類名。
在Jquery中要求 class (String) : 一個或多個要添加到元素中的CSS類名,請用空格分開。而這個函數(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) : 一個或多個要添加到元素中的CSS類名,請用空格分開。而這個函數(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)文章
解析JavaScript中的不可見數(shù)據(jù)類型
這篇文章主要是對JavaScript中的不可見數(shù)據(jù)類型進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12在IE8上JS實現(xiàn)combobox支持拼音檢索功能
這篇文章主要介紹了在IE8上JS實現(xiàn)combobox支持拼音檢索功能的相關(guān)資料,本文介紹的非常詳細(xì),具有參考借鑒價值,需要的朋友可以參考下2016-05-05js 數(shù)組隨機(jī)字符串(廣告不重復(fù))
今天一個網(wǎng)友想讓他的廣告隨機(jī)顯示,每次刷新廣告的內(nèi)容都不一樣,經(jīng)過參考源碼網(wǎng)站分析就是通過下面代碼實現(xiàn),特分享下方便需要的朋友2013-08-08BootStrap下的彈出框加載select2框架失敗的解決方法
本文通過簡單的代碼給大家介紹了BootStrap下的彈出框加載select2框架失敗的解決方法,需要的朋友參考下吧2017-08-08Web?Woker與主線程通信場景下對postMessage的簡潔封裝詳解
這篇文章主要為大家介紹了Web?Woker與主線程通信場景下對postMessage的簡潔封裝示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09