Ⅰ 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
里面有详细的说明手册