已解決430363個問題，去搜搜看，總會有你想問的

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

首頁猿問請教Javascript如何實現雙...

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

JavaScript

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

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

查看完整描述

2 回答

慕田峪9158850

TA貢獻1794條經驗獲得超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的話可以進行相應的改動，可以不用id來控制

反對回復 2018-08-01

2 回答
0 關注
1168 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

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

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

2 回答

添加回答