1. 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的效果。
2. 如何用JS給一個A標簽加上class=『heikuai』
把a元素獲取到,直接添加class屬性就可以了,代碼如下:
<ahref="#"id='a'></a>
<script>
varoA=document.getElementById('a');
oA.class='heikuai';
</sciprt>
用瀏覽器打開,'審查元素':再看這個a元素時,a就帶了這個class屬性了。
3. js在頁面載入前修改class屬性
document.getElementById("id").classList.add("yourdiv")
刪除可以用document.getElementById("id").classList.remove("yourdiv")
4. 怎樣實現js改變class功能
用jquery很容易實現,你下個jquery庫,然後JS文件里寫這樣的代碼:
$(function(){
$('ul li').click(){
$(this).removeClass('w1');
$(this).addClass('w2');
}
});
大概是這樣,我好久沒回玩兒JQUERY,如果有問題答給我簡訊吧
5. 求js動態修改 class
左後一個展開這個A鏈接你要給個ID好選取,然後你這么寫,加入我們的ID=「a1」那麼代碼如下:
document.getElementById("a1").setAttribute("class","J_labelBtn label-btn");
這樣就可以了~
6. 怎樣用js 替換Class內容
用document.getElementById("id").setAttribute("class","newClass");
js中,setAttribute是給對象賦屬性的方法,具體用法可以參考3C上面對javascript各種屬性的講解和用法
7. 如何通過JS來增加a標簽的class樣式
$('.nav-item a').click(function(){
答 $(this).addClass('active');
},function(){
$(this).removeClass('active')
})
8. js如何更改<a href>的class名
把a元素獲取到,直接添加class屬性就可以了,代碼如下:
<ahref="#"id='a'clas="a"></a>
<script>
varoA=document.getElementById('a');
oA.class='heikuai';
</sciprt>
用瀏覽器打開,'審查元專素':再看這個a元素時,屬a的class屬性值就變了。
9. 如何用js更改多個a標簽的class的值
給你的取個id
如:<a
id="a1"
href="#">aaaa</a>
(注意:id在同一頁面上最好別有重復的,就跟身份證號一樣,回任何標簽的最好都別重答復)
然後通過id定位到該a標簽:
var
mya
=
document.getelementbyid("a1")或者document.all.a1;
最後就可以讀取了:mya.innerhtml或者mya.innertext(前者是讀取前後a標簽內的所有html代碼,後者是僅讀取前後a標簽內的文本值)
如:<a><b>aaaa</b></a>
innerhtml就能獲取到<b>aaaa</b>,而innertext只能獲取到aaaa
還要注意以上代碼中的大小寫,js是嚴格區分的
僅供參考
10. 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供你參考,提供一種比較好的方式的思路。