Ⅰ html+js實現給class賦值。 不是單個賦值 而是賦值多個。
<!>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>TEST</title>
<style>
.list{
width:250px;
height:100px;
border:1pxsolidblack;
}
.main{
margin:0pxauto;
}
.list{
float:left;
}
input{
margin:50px50px;
}
.yellow{
background-color:yellow;
}
</style>
<scriptsrc="min.js"></script>
</head>
<body>
<divid="group1">
<divclass="list"></div>
<divclass="list">
<inputtype="text"class="lt"/>
</div>
</div>
<pre></pre>
<divid="group2">
<divclass="list"id="group2"></div>
<divclass="list"id="group2">
<inputtype="text"class="lt"/>
</div>
</div>
<script>
$(function(){
$('#group1').click(function(){
if(!$(this).children().hasClass('yellow')){
$(this).children().addClass('yellow')
}else{
$(this).children().removeClass('yellow')
}
})
$('#group2').click(function(){
if(!$(this).children().hasClass('yellow')){
$(this).children().addClass('yellow')
}else{
$(this).children().removeClass('yellow')
}
})
//$('.list').click(function(){
//if(!$(this).hasClass('selected')){
//$(this).css('background-color','yellow');
//$(this).addClass('selected');
//varvalue=$('.mt').val();
//$(this).children('input').val(value);
//}
//else{
//$(this).css('background-color','white');
//$(this).children('input').val('');
//$(this).removeClass('selected');
//}
//});
});
</script>
</body>
</html>
Ⅱ 元素中有幾個class，JS判斷這個元素是否存在某個class
用jquery：
if ($('#test').hasClass('lala')) { alert("ok"); };
Ⅲ 如何用javascript為元素添加class
現代抄瀏覽器寫法：
document.getElementById('test').classList.add('myClass');
兼容寫法：
document.getElementById('test').className += ' myClass';
Ⅳ js如何做到如果是class="abc"就顯示，如果不是 class="abc"就隱藏，比如第二段
<scripttype="text/javascript">
window.onload=function(){
vardiv=document.getElementsByTagName("div");
for(vari=0,j=div.length;i<j;i++){
if(div[i].className=="abc"){
div[i].style.display="block";
}elseif(div[i].className=="123"){
div[i].style.display="none";
}
}
};
</script>
Ⅳ 如何用js判斷dom是否有存在某class的值
var li=document.getElementsByTagname('li') ;//獲取襲li元素
判斷是否含有class值
if(li.className.indexOf("class名稱")>-1)
{
//存在這個class名
}else{
//不存在這個class名
}
Ⅵ 如何用JavaScript判斷dom是否有存在某class的值
<divclass='class'></div>
let_class=document.getElementsByTagName('div')[0].getAttribute('class');
if(_class==null){
console.log('notclass');
}else{
console.log(_class);
}
Ⅶ 如何用javascript為元素添加class
以給body標簽添加class為例
通過jQuery
$('body').addClass('class1class2');
$('body').removeClass('class1class2');
支持classList的高級瀏覽器（IE10+，Chrome，Firefox，Safari）
document.body.classList.add('class1','class2');
document.body.classList.remove('class1','class2');
不支持classList的瀏覽器只能通過className來添加
document.body.className+='cl
Ⅷ 元素中有幾個class,JS判斷這個元素是否存在某個class
用jquery：if ($('#test').hasClass('lala')) { alert("ok"); };
Ⅸ 怎麼用js來更改現有class類的定義值
jq用 .attr() 來暴力修改
然後 也可以用 .removeClass() .addClass() 來移除和新增class 用.hasclass()判斷是否內存在某個或某容些class 用.toggleClass() 來切換 Class
Ⅹ javascript addclass hasClass removeClass 怎麼使用
這些應該都是jquery的方法，
關於方法的說明可以參考W3S網站的說明
addClass說明 http://www.w3school.com.cn/jquery/attributes_addclass.asp
removeClass說明 http://www.w3school.com.cn/jquery/attributes_removeclass.asp
hasClass說明 http://www.w3school.com.cn/jquery/attributes_hasclass.asp
裡面有詳細的說明手冊