更改可點擊摺疊的顏色實現

我想僅在單擊摺疊標題時更改可摺疊標題的顏色。更改可點擊摺疊的顏色實現

<div class="collapsible-header" onclick="connect()"></div>

我要補充類元素中的顏色，我真的不知道該如何添加一些內容時，我稱之爲「連接」 funtion。這可能嗎？

謝謝！

具有以下但不工作

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); 
    }; 
}

來源

2017-07-26 Olivia Delpierre

分享你的代碼是什麼，你試過了嗎？ –

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'; 
}

來源

2017-07-26 12:53:52

我編輯了我的問題，它似乎沒有工作... –

你得到錯誤或是別的東西？ –

我做錯了什麼，現在它完美的工作謝謝你！你有任何想法如何改變可摺疊的背景顏色，而不是其內容的顏色？ thanksss –

<div class="collapsible-header" onclick="javascript:this.className += ' additionalClass'"></div>

來源

2017-07-26 12:51:32 codegeek

採取一個新的類，並指定要追加然後樣式做這個

$(".collapsible-header").click(function(){ 
    $(".collapsible-header").toggleClass("NEWCLASS"); 
});

來源

2017-07-26 13:02:06

對此撥弄一下：

https://jsfiddle.net/swarn_singh/9a6djpwp/

<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>

來源

2017-07-26 13:32:07

使用ToggleClass獲得更好的效果

(function(){ 
 
    $("#run").click(()=>{ 
 
     //$(this).css('background','yellow'); 
 
     $("#run").toggleClass('yellow'); 
 
    }); 
 
}());

.yellow { 
 
    background: yellow!important; 
 
} 
 

 
.red { 
 
    background:red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="run" class="red" style="position:absolute;height:100px;width:10px;"></div>

來源

2017-07-26 13:57:44 Prabhakaran

更改可點擊摺疊的顏色實現

回答

相關問題