任何人都可以告诉我如何使用JavaScript删除元素上的类吗？请不要给我一个jQuery的答案,因为我不能使用它,我对此一无所知.
我正在寻找一种方法来改变JavaScript类的伪类选择器(例如:link,:hover等)的CSS规则.
所以CSS代码的类比:a:hover { color: red }在JS中.
我无法在其他任何地方找到答案; 如果有人知道这是浏览器不支持的东西,那么这也是一个有用的结果.
我正在寻找一种方法将这个jQuery代码(在响应式菜单部分中使用)转换为纯JavaScript.
如果很难实现它,可以使用其他JavaScript框架.
$('.btn-navbar').click(function()
{
$('.container-fluid:first').toggleClass('menu-hidden');
$('#menu').toggleClass('hidden-phone');
if (typeof masonryGallery != 'undefined')
masonryGallery();
});
提前致谢
我有以下代码:
<div style="float: left; width: 100%;">
<label style="float: left;">ABC</label>
<input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" />
<input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" />
<div class="adm">
<textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor">
abc
</textarea>
</div>
</div>
我的问题是带有类adm的div浮动到左侧,因此与标签和两个输入按钮位于同一行.有没有办法让这种转变远离浮动？
我如何用jQuery旋转元素.animate()？我正在使用下面的行,它正在正确地设置不透明度,但这是否支持CSS3转换？
$(element).animate({
opacity: 0.25,
MozTransform: 'rotate(-' + -amount + 'deg)',
transform: 'rotate(' + -amount + 'deg)'
});
如何在不使用任何库的情况下通过javascript将多个css类分配给html元素？
如何在不使用jQuery(或类似库)的情况下将类名"foo"添加到根<html>元素？
我从另一个Stack Overflow问题中找到了以下正则表达式:使用JavaScript更改元素的类
并且已经在我的部分脚本中成功使用它,但在另一个中它似乎失败了.
我在jsFiddle上汇总了一个极简主义的测试用例,它也失败了:
HTML:
<div class="foo" id="foo">
hello
</div>?
JS:
$(document).ready(function(){
foo = document.getElementById('foo');
foo.className += ' bar foobar';
alert(foo.className);
foo.className.replace( /(?:^|\s)bar(?!\S)/ , '' )
alert(foo.className);
})?
我想用javascript更改类的css属性.我真正想要的是当div被悬停时,另一个div应该变得可见.
我的css就像..
.left, .right{
margin:10px;
float:left;
border:1px solid red;
height:60px;
width:60px
}
.left:hover, .right:hover{
border:1px solid blue;
}
.center{
float:left;
height:60px;
width:160px
}
.center .left1, .center .right1{
margin:10px;
float:left;
border:1px solid green;
height:60px;
width:58px;
display:none;
}
而且html文件就像..
<div class="left">
Hello
</div>
<div class="center">
<div class="left1">
Bye
</div>
<div class="right1">
Bye1
</div>
</div>
<div class="right">
Hello2
</div>
当hello1 div悬停时,bye1 div应该是可见的,当hello2悬停时,类似的bye2应该出现.
可能重复:
使用JavaScript更改元素的CSS类
我正在尝试使用此脚本设置div的属性.我在第三行有问题,我试图从父div获取div-s,id为"loading".但在这里的问题,似乎在变量divs中没有什么.为什么？
脚本:
function blink() {
document.getElementById("loading").setAttribute("class","loader");
var divs = document.getElementById("loading").getElementsByTagName("div");
alert(divs[0].class);
for(var i=0;i<divs.length;i++) {
var _id = divs[i].id;
document.getElementById(divs[i].id).setAttribute("class", "bar");
}
}
HTML:
<div id="loading" class="loader2">
<a href="#" onClick="blink()">
<div class="bar_"></div>
<div class="bar_"></div>
<div class="bar_"></div></a>
</div>
我想替换divs类:"bar_"到"bar".这就是我想要做的.