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

JavaScript08

如何用JS实现 点击按钮 文本框内的文字加粗？,第1张

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

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

$("button").click(function(){

  $("input").css("font-weight","bold")

})

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

$("button").click(function(){

  $("input").addClass("fontbold")

}) .fontbold{font-weight:bold}

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>

RunJS 演示代码

</title>

<script language="javascript" type="text/javascript">

onload =function(){

var now = new Date()

var strWeek=["周日","周一","周二","周三","周四","周五","周六"][now.getDay()]

var strHour=now.getHours()

var strMinutes=now.getMinutes()

var strSeconds=now.getSeconds()

var reg = /^\d$/

reg.test(strMinutes) ? strMinutes="0"+strMinutes : 0

reg.test(strSeconds) ? strSeconds="0"+strSeconds : 0

var strMonth=now.getMonth()+1+"月"

var strDay =now.getDate()+"日"

var strTime=strHour+":"+strMinutes+":"+strSeconds

strTime=strTime.bold()

time.innerHTML=strTime+" <br / > "+strMonth+strDay+" "+strWeek

setTimeout(arguments.callee, 1000)

}

</script>

  </head>

<body>

<div id="time">

</div>

  </body>

</html>