单击物化时更改可折叠的颜色
单击物化时更改可折叠的颜色
提问于 2017-07-26 20:46:21
我只想在单击可折叠标题时更改它的颜色。
<div class="collapsible-header" onclick="connect()"></div>我必须在class元素中添加颜色，当我调用"connect“函数时，我真的不知道如何向它添加一些东西。这可能吗？
谢谢！
已尝试执行以下操作，但不起作用
HTML
<div class="collapsible-header" onclick="connect(this)">Robot</div> 在JS中
function connect(element)
{
element.style.color = 'red';
if (connection_status == 0)
{
client.connect(options);
};
}回答 5
Stack Overflow用户
回答已采纳
发布于 2017-07-26 20:53:53
https://jsbin.com/sojefubudo/edit?html,js,console,output
<div class="collapsible-header" onclick="connect(this)"></div>在javascript中：
function connect(element) {
element.style.color = 'red';
}Stack Overflow用户
发布于 2017-07-26 21:02:06
创建一个新类并指定要追加的样式，然后执行以下操作
$(".collapsible-header").click(function(){
$(".collapsible-header").toggleClass("NEWCLASS");
});Stack Overflow用户
发布于 2017-07-26 21:32:07
看看这把小提琴：
<div onclick="this.style.color = 'red'">
Change color with inline javascript
</div>
<div onclick="changeColor(this)">
Change color with javascript function
</div>
<script>
function changeColor(element){
element.style.color = 'blue';
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45327431
复制相关文章
相似问题
腾讯云开发者
