`

改变选中字体颜色(可多次改变)(兼容火狐)

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>new document</title>
    <script type="text/javascript">
    function setColor(){
        if(document.all){
            var tr = document.selection.createRange();
            if(tr.parentElement().id != "editor"){
                return;
            }
            tr.execCommand("ForeColor", false, "#FF0000");
        }else{
            var tr = window.getSelection().getRangeAt(0);
            if(tr.commonAncestorContainer.parentNode.id != "editor"){
                return;
            }
            var span = document.createElement("span");
            span.style.cssText = "color:#ff0000";
            tr.surroundContents(span);
        }
    }
    </script>
</head>
<body>
<div id="editor" contenteditable="true">fdjlksafjd;slafjd;slakfjds</div>
<div>123456</div>
<input type="button" onclick="setColor()" value="setColor" />
</body>
</html>

转自:http://topic.csdn.net/u/20100423/15/b6a08676-5cc4-42f4-bcda-ae5d8a836139.html  的25楼
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics