如何用JS实现 点击按钮 文本框内的文字加粗?

 我来答
scott
2015-07-13 · 知道合伙人互联网行家
scott
知道合伙人互联网行家
采纳数:150 获赞数:3883
前端开发行业多年从业经验,专业前端开发工程师

向TA提问 私信TA
展开全部

实现点击按钮文本框内文字加粗的方式有以下两种方式:

1、直接修改或者添加css样式:

$("button").click(function(){
  $("input").css("font-weight","bold");
});


2、添加相应的class类名使其加粗:

$("button").click(function(){
  $("input").addClass("fontbold");
});
.fontbold{font-weight:bold};
帐号已注销
2013-06-06 · TA获得超过4630个赞
知道大有可为答主
回答量:1345
采纳率:50%
帮助的人:1627万
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
  <input id="txt"/><button onclick="document.getElementById('txt').style.fontWeight = 'bold'">加粗</button>
 </body>
</html>
追问
用textarea
追答
去搜索html在线编辑器,kindeditor、ueditor、ckeditor都能实现你要的效果。
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
花花浪客
2013-06-06 · TA获得超过2069个赞
知道小有建树答主
回答量:792
采纳率:100%
帮助的人:707万
展开全部
在点击按钮的事件中,把相应对象的CSS字体属性更改即可
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
沁离2012
2013-06-06 · 超过10用户采纳过TA的回答
知道答主
回答量:39
采纳率:0%
帮助的人:34.9万
展开全部
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#weight").bind("click" ,function(){
$("textarea").css('font-weight','bold');
})
})
</scrpt>
<body>
<textarea></textarea>
<input type="button" id="weight" value="加粗" />
</body>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式