解决方案 »
- document.body.createTextRange() 非IE浏览器解决办法
- 求Qunar、携程之类的城市选择框效果
- 为什么document.domain没有变过来
- 有没有一种网站,可以免费下载 注册登录后台管理 UI界面源代码的?
- 如果得到下拉选择框中的那个"value"
- 如何调用父窗口函数改变iframe的src
- 很简单的问题,答对就给分
- 我问个jquery的问题吧:为什么我写的这点代码,在IE中不兼容
- 如何返回上一页
- 请问在点击加号后 在张三路下面添加多一个这样的文本框,文本框的内容需要插入数据库的 input的id怎么取才好
- S2SH + MySQL 图片上传
- 请教个数组的问题
去搜搜吧
<style>
#editor{border:solid 1px #000;height:150px;width:300px;}
</style>
<div id="editor" contenteditable="true">测试内容</div>
<input type="button" value="红色" onclick="Color('red')" />
<script>
function Color(c) {
var e = document.getElementById('editor');
e.focus();
if (window.getSelection) {
var s = window.getSelection(), r = s.getRangeAt(0);
if (r.toString() == '') { alert('请选择内容!'); return }
var sp = document.createElement('span');
sp.style.color = c;
r.surroundContents(sp);
s.collapse(sp, 1);
}
else if (document.selection) {
var r = document.selection.createRange();
r.pasteHTML('<span style="color:' + c + '">' + r.text + '</span>');
}
}
</script>