首頁猿問請教Javascript如何實現(xiàn)雙...

請教Javascript如何實現(xiàn)雙擊選中頁面中英文單詞并將其顏色改變的功能

JavaScript

嗶嗶one 2018-07-20 14:22:31

請教一下，如何用Javascript實現(xiàn)雙擊選中頁面中英文單詞并將其顏色改變的功能。首先我想要的功能是是需要按空格將每個英文單詞分割開來的，比如我的body標(biāo)簽里有”hello world“，那我點擊hello的時候，是只有hello變紅，world應(yīng)該不變色。另外我希望單詞變色之后顏色就會一直保持為改變后的顏色，而不是暫時性的，因為后續(xù)還需要將選中的單詞加入數(shù)據(jù)庫，謝謝！

查看完整描述

2 回答

慕田峪9158850

TA貢獻1794條經(jīng)驗獲得超8個贊

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <span id="word1" onclick="c1()">hello</span> <span id="word2" onclick="c2()">world</span>
        <script type="text/javascript">
            function c1(){
                var w1 =document.getElementById("word1");
                w1.style.color="red";
            }
            function c2(){
                var w2 =document.getElementById("word2");
                w2.style.color="blue";
            }
        </script>
    </body>
</html>

會用jquery的話可以進行相應(yīng)的改動，可以不用id來控制

反對回復(fù) 2018-08-01