Ⅰ 如何用js動態設置class屬性
1、javaScript允許你更改元素的class或id。當你更改之後，瀏覽器會自動更新元素的樣式。
2、是className，可不是class
注意：回JavaScript使用答的是className去訪問class屬性，因為class是一個保留關鍵字，因為將來JavaScript可能開始支持像Java一樣的類。
Ⅱ JS修改CLass值的問題
知道你意思了，看了下你的網站。
你的 * 首頁
* 生活信息
* 招聘求職
* 同城網購
比如說這四個頁面的代碼是
都包含了上面導航欄的代碼，
還是引入一個公共頁面，在公共頁面里寫著導航欄代碼？
1.如果是前者，那你只要相應的更改這7個頁面，比如，生活信息頁面里，生活信息的導航欄按鈕的class設為current，其他設為""，onclick可以去掉
<li><a href="{$InstallDir}Class/"><span class="current">生活信息</span></a></li>。
2.如果你是引入一個公共的html包含了導航欄代碼：
方法1：寫7個這樣的html，讓生活信息引入和生活信息對應的導航欄頁面，其他引入和各自對應的...
方法2：用如下的結構布局你的頁面,index.html包含頭部和尾部代碼，內容部分使用<iframe 嵌入相應的頁面，點導航欄的鏈接，更改iframe內的內容頁面，index.html整個頁面不刷新（只要設置<a的target屬性為iframe的名字就能點鏈接刷新iframe里的內容了）。
index.html:
導航欄等頭部代碼(如：li><a href="{$InstallDir}Class/" target="content"><span class="" onclick="this.className='current'">生活信息</span></a></li>
，onclick要保留)；
<iframe name="content" src="生活信息.html" frameborder=0 scrolling="no" width=（自己調整）100px height=100(自己調整)px></iframe>
尾部代碼；
我又看了下你的源代碼，是第一種情況，對照1的情況改就行了，方法2供你參考，提供一種比較好的方式的思路。
Ⅲ js更改css class屬性
提示對象不支持此屬性和方法，首先你的document.getElementsByTagName(「element」)，這個方法拼寫錯誤，當然會報錯內了！容
還有就是這個方法返回的是一個節點集合。你需要確定把這個樣式用在哪個元素上面！
document.getElementById('ID').style.top='100px';
嗯，這樣說不清楚了，給代碼幫你解決……
Ⅳ 怎麼用js來更改現有class類的定義值
jq用 .attr() 來暴力修改
然後 也可以用 .removeClass() .addClass() 來移除和新增class 用.hasclass()判斷是否內存在某個或某容些class 用.toggleClass() 來切換 Class
Ⅳ JS如何把a鏈接里的 class 值修改成另外一個值
原生js直接操作className屬性
document.getElementById("test").className = (document.getElementById("test").className+'').replace('hide','');
JQuery實現css、addClass、removeClass和toggleClass
JQuery中獲取CSS樣式
css(name)：訪問第一匹配元素的樣式屬性
css(name,value)：在所有匹配的元素中，設置一個樣式屬性的值
css(properties)：把一個「名/值對」對象設置為所有匹配元素的樣式屬性
css(name,function(index,value))：在所有匹配的元素中，設置一個樣式屬性的值
-------------------------------------------------------------------------------------
Javascript中獲取樣式的值
function css(obj, attr, value) {
switch (arguments.length) {
case 2:
if (typeof arguments[1] == "object") { //批量設置屬性
for (var i in attr) obj.style[i] = attr[i]
}
else { // 讀取屬性值
return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, null)[attr]
}
break;
case 3:
//設置屬性
obj.style[attr] = value;
break;
default:
return "";
}
}
採用這種方式同樣實現了 JQuery的效果。
---------------------------------------------------------------------------------------
JQuery中有addClass,removeClass,toggleClass
addClass(class)：為每個匹配的元素添加指定的類名
removeClass(class)：從所有匹配的元素中刪除全部或者指定的類
toggleClass(class)：如果存在（不存在）就刪除（添加）一個類
---------------------------------------------------------------------------------------
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj, cls) {
if (!this.hasClass(obj, cls)) obj.className += " " + cls;
}
function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
}
採用這種方式同樣實現了 JQuery的效果。
Ⅵ 怎麼用javascript修改class裡面的值
varimgs=document.getElementsByClassName('img');
for(vari=0;i<imgs.length;i++){
imgs[i].style.width='150px';
}
Ⅶ 在js中修改html元素的class
用到js修改html的class屬性值,歸納總結下:一、獲取class屬性值var value = $( div ).attr( class );//這里獲取class屬性值var array=val.spli.
Ⅷ js在頁面載入前修改class屬性
document.getElementById("id").classList.add("yourdiv")
刪除可以用document.getElementById("id").classList.remove("yourdiv")