鍍金池/ 問答/HTML/ css js 改變字體顏色

css js 改變字體顏色

點(diǎn)擊span后字體變成紅色，移開后依舊保持紅色怎么做。

回答
編輯回答
情已空

多個span用事件代理吧。

<div id="example">
  <span>1</span>
  <span>2</span>
  <span>3</span>
  <span>4</span>
</div>
var target = document.getElementById('example')
target.addEventListener('click', function(e) {e.target.style.color = 'red'})
2017年3月13日 04:08
編輯回答
哎呦喂

比較贊同樓上做法：$(span).on("click",function () {

$(this).addClass("red")

})

2018年5月16日 06:56
編輯回答
怪痞

添加一個class

clipboard.png

2018年7月17日 05:49
編輯回答
笨笨噠
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<span class="test">demo1</span>
<span class="test">demo2</span>
<span class="test">demo3</span>
<span class="test">demo4</span>
<script src="jquery.js"></script>
<script>

    // js版
    var aLi = document.querySelectorAll('.test');
    for (var i = 0; i < aLi.length; i++) {
        aLi[i].addEventListener('click', function(){
            this.style.color='red'
        });
    }

    // jquery版本
    $(".test").on('click', function(){
        $(this).css('color', 'red');
    });
    
</script>
</body>
</html>
2018年4月9日 17:44
編輯回答
誮惜顏
<p onclick="this.style.color='#f00'">demo</p>
2017年10月19日 22:13
編輯回答
奧特蛋
<span id="demo">點(diǎn)擊變色</span>
//js
$("#demo").on("click",function(){
    $("#demo").css("color","red")
})
2018年8月25日 18:02
編輯回答
冷咖啡
<span id="demo">點(diǎn)擊變色</span>
//js
document.querySelector('#demo').onclick=function(){
    document.querySelector('#demo').style.color='red'
};
2017年7月31日 20:59