html中に、選択された部分を設定した色で変更する。

最新推荐文章于 2024-05-28 00:30:00 发布

转载最新推荐文章于 2024-05-28 00:30:00 发布 · 386 阅读

文章标签：

#html #button #function

本文介绍了一种使用HTML和JavaScript实现文本高亮显示的方法。通过检测浏览器类型（IE或Firefox），采用不同的技术来改变选中文本的颜色。对于IE浏览器，利用document.selection创建范围并执行颜色更改命令；而对于Firefox，则创建一个span元素包裹选中内容以应用样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head><title>new document</title>
    <script type="text/javascript">
    function setColor(){
        if(document.all){

　　　　　　//IE
            var tr = document.selection.createRange();
            tr.execCommand("ForeColor", false, "#FF0000");
        }else{

           //FF
            var tr = window.getSelection().getRangeAt(0);
            var span = document.createElement("span");
            span.style.cssText = "color:#ff0000";
            tr.surroundContents(span);
        }
    }
    </script>
</head>
<body>
<div>fdjlksafjd;slafjd;slakfjds</div>

<input type="button" onclick="setColor()" value="setColor" />
</body>
</html>