如何用javascript实现对文本域加粗,斜体和下划线效果的设置

最好能有个实例,说明:不是用CSS,而是用js进行设置.等高手帮忙...

推荐答案推荐于2018-05-10

1、可以通过 style 让整个文本框内容加粗，但没有办法单独改变部分文字的样式。

2、下面的代码只是个例子，可以实现将选择的文本加粗，但实际应用中考虑的问题还有很多，IE 9, Firefox 19, Chrome 26 下测试都没有问题，Safari 会出现移位错误，Opera 直接不支持。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://33.wendadaohang.com/zd/R0Bch5Wc4.html

其他回答

第1个回答 2015-08-14

要说明一点，textarea标签是纯文本编辑器，js是无法对其显示状态进行改变；

一般如果使用javascript对文本域的加粗，斜体等操作可以使用js模拟来实现，实现它代码量很多，如果是新手，建议使用第三方开源在线编辑器，比如说kindeditor，在线地址：http://kindeditor.net/，自己写一套这样的编辑器，除了需要精湛js技术，还需要大量时间。

第2个回答 2010-07-20

不用css是不可能的，即便是1楼回复的，也是js把css的内容直接以字符串的形式加进去了，如果一点css都不想用，哪楼主可以用<b><u><i>标签

解释 b标签，加粗
u标签，下划线
i标签，斜体

document.getElementById("test").innerHTML="<b><u><i>"+test+"</i></u></b>";

textarea 是不可以的。。。。除非你给这个框改样式。。。

第3个回答推荐于2016-12-03

<html>
<head>
<script>
function boldTest(){
var test=document.getElementById("test").innerHTML;

document.getElementById("result").innerHTML="<b>"+test+"</b>";
}
function talicTest(){
document.getElementById("test1").style.fontStyle="italic";

}
function underLineTest(){
var test=document.getElementById("result1").innerHTML;
document.getElementById("result1").innerHTML="<span style='text-decoration:

underline'>"+test+"</span>";
}
</script>
</head>

<body>
<div id="test">testdafeq</div>
<div id="result"></div>
<div id="test1">testdafeq</div>
<div id="result1">ceshiafafdadf</div>

<input type='button'value="粗体测试"onclick="boldTest()">
<input type='button'value="斜体测试"onclick="talicTest()">
<input type='button'value="下滑线测试"onclick="underLineTest()">
</body>
</html>本回答被提问者采纳

相似回答

markdown使用基础语法笔记答：显示效果**：Markdown语法首先应用于文本显示效果的提升，比如加粗、斜体、下划线等。二、字体部分包括加粗、斜体和下划线的表示方式。分割线显示效果**：通过三个或更多的等号（==）或下划线（---）可以创建一个简单的分割线，为文本添加分隔区域。列表显示效果**：Markdown支持无序列表和有序列表。无序...

Word中设置字符格式时,粗体,斜体和下划线不可以组合使用答：这句话是错误的。在Word中设置字符格式时，粗体、斜体和下划线完全可以组合使用。如下图：

【DW教程】将文字样式设置为粗体和斜体、下划线答：我现在详细教你如何文字样式设置为粗体和斜体、下划线。打开Adobe Dreamweaver CC 2015。执行菜单栏中的"文件新建"命令或按住Ctrl+N键打开"新建文档"对话框，选择其文档类型为HTML，单击"创建"按钮，即创建一个网页文档。body和/body之间添加"b文字修饰/b",如...

大家正在搜

js和javascript html javascript javascript怎么样 mdn javascript javascript编程基础 javascript语言入门斜体怎么设置拉丁文斜体斜体英文