为了账号安全,请及时绑定邮箱和手机立即绑定

请教Javascript如何实现双击选中页面中英文单词并将其颜色改变的功能

请教Javascript如何实现双击选中页面中英文单词并将其颜色改变的功能

哔哔one 2018-07-20 14:22:31
请教一下,如何用Javascript实现双击选中页面中英文单词并将其颜色改变的功能。首先我想要的功能是是需要按空格将每个英文单词分割开来的,比如我的body标签里有”hello world“,那我点击hello的时候,是只有hello变红,world应该不变色。另外我希望单词变色之后颜色就会一直保持为改变后的颜色,而不是暂时性的,因为后续还需要将选中的单词加入数据库,谢谢!
查看完整描述

2 回答

?
慕田峪9158850

TA贡献1794条经验 获得超7个赞

 <!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 关注
  • 1097 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信