javascript - 动态删除样式?

标签 javascript

嗨,我在 HTML5 的 head 标签中有许多样式标签。如何从样式列表中删除特定标签。下面是我需要使用的代码。我需要高度为 50px 的样式标签或从该标签中删除样式 Height:50px。我该怎么办?

<html>
<head>
    <style>p:hover{color:red;background: red;}</style>
    <style>p:hover{color:yellow;height:50px}</style>'
</head>    
<body>
<p>HELLO</p>
</body>
</html>

最佳答案

要更改鼠标悬停时的背景颜色,您可以使用 http://jquery.com/ 来更改背景颜色 您可以通过更改来执行相同的操作来更改元素的宽度或高度 $(this).css("background-color", "red"); by ´$(this).css("height", "50px");´

这是一个示例:http://jsfiddle.net/M4ULF/

CSS

#my_id{
    height:50px;
    width:50px;
    background-color:#999; 
}

HTML

<p id="my_id"></p>

JAVASCRIPT (jQuery)

$("#my_id").mouseover(function(){
    $(this).css("background-color", "red");
})
$("#my_id").mouseout(function(){
    $(this).css("background-color", "#999");
})

关于javascript - 动态删除样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20605562/

相关文章:

javascript - 如何修复 jslint 消息不安全 '.'

javascript - jquery 后期绑定(bind)

javascript - 使用 reactjs 实现 Facebook API 登录

javascript - 如何将颜色 'Clear'设置为RGB或HEX?

javascript - object is not extensible 错误在vuejs

javascript - 如何获取子数据

javascript - Bootstrap-select - 如何在更改时触发事件

java - 从 JSObject 中获取 JavaObject

javascript - 如何在WKWebView中注入(inject)多个用户脚本以获得暗模式效果?

javascript - 如何在 d3 图中的边上添加标签