如何用JS实现 点击按钮 文本框内的文字加粗？
像 yanzilisan183 说的，你可以通过 style 让整个文本框内容加粗，但没有办法单独改变部分文字的样式。不过在你的例子中并没有出现 textarea，而是一个 iframe。
下面的代码只是个例子，可以实现将选择的文本加粗。但实际应用中考虑的问题还有很多。
IE 9, Firefox 19, Chrome 26 下测试都没有问题，Safari 会出现移位错误，Opera 直接不支持。
window.onload = function() { // iframe 窗口 var frameWin = document.getElementById('result').contentWindow; // iframe 页面 var frameDoc = frameWin.document; // 在 iframe 页面输出一些字符 frameDoc.body.innerHTML = 'Lorem ipsum dolor sit amet'; // 点击加粗 document.getElementById("bold").onclick = function() { // 获取选择 var sel = frameDoc.getSelection(); // 获取选择的文字 var txt = sel.getRangeAt(0).extractContents().textContent; // 选择范围 range = sel.getRangeAt(0); // 删除被选择的内容 range.deleteContents(); // 创建新的元素 strong var bold = frameWin.document.createElement("strong"); // 设置 strong 内容 bold.innerHTML = txt; // 在被选择的位置添加加粗的元素 range.insertNode(bold); };};
需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html的标签中，输入js代码：if (size >= 12) zoom.style.fontWeight = 'bold';。
3、浏览器运行index.html页面，此时发现点击中和大，字体会加粗。
实现点击按钮文本框内文字加粗的方式有以下两种方式：
1、直接修改或者添加css样式：
$("button").click(function(){
$("input").css("font-weight","bold");
});2、添加相应的class类名使其加粗：
$("button").click(function(){
$("input").addClass("fontbold");
});.fontbold{font-weight:bold};
<!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>
在点击按钮的事件中，把相应对象的CSS字体属性更改即可
<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>
卫垄肺泰： function aaa() { form1.textbox.value=＂Hello＂; }
达拉特旗13245744772： 如何用JS实现,点击一个按钮,输入框中的值加1. - ？
卫垄肺泰： 1、项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果; 2、退出全屏; 3、事件监听.
达拉特旗13245744772： javascript点击按钮弹出文本框,用户可输入 - ？
卫垄肺泰： 可以直接用js自带的prompt方法. 定义和用法 prompt() 方法用于显示可提示用户进行输入的对话框. 语法 prompt(text,defaultText) 参数text 可选.要在对话框中显示的纯文本(而不是 HTML 格式的文本). defaultText 可选.默认的输入文...
达拉特旗13245744772： JavaScript怎么实现点击按钮,使文本框里的数值加或者减 - ？
卫垄肺泰： 先给+-按钮添加上onclick事件 然后js获取文本数值 把文本字符串转换成int,然后+1或-1 把int转换成文本(好像也可以不转换) 设置文本框的value就行了======================= 思路给你 代码我懒得写了
达拉特旗13245744772： 怎么用JS设置点击一个按钮时按钮上的内容出现在指定文本框里 - ？
卫垄肺泰： document.all 是ie下的写法,其他浏览器似乎只有opera能用 function page.cansubmit 这种写法,不知是那种浏览器下的写法, 正确写法 var page = new object(); page.cansubmit = function (){ .....}那长长的一排东西可以简化一下 var conf = {...
达拉特旗13245744772： 点击按钮添加文本框中的内容? - ？
卫垄肺泰： <body> <form name=＂form1＂> <input id=＂mytext＂ name=＂text＂ type=＂text＂ size=＂20＂ /> <input name=＂but＂ type=＂button＂ value=＂添加＂ onclick=＂test()＂/> </form> <div id=＂main＂ style=＂width:100px; height:100px＂></div> ...
达拉特旗13245744772： js实现点击按钮打开本地文件并将选择的文件名显示在文本框中? - ？
卫垄肺泰： 先把每个要显示的数据都要放在一个input或者div里面,并设置一个id,或者name属性,根据getElementById,getElementByName函数取到所要操作的对象,对于input可以用.val()得到值,对于div等自己试试.innerHtml(),.html(),.text()函数看看哪个能取到值.然后把取到的值赋给那个文本框就可以了.示例代码:<input type=＂file＂ name=＂file＂ accept=＂.xls＂ value=＂＂/>
达拉特旗13245744772： js如何实现点击标签文字,文字在文本框出现 - ？
卫垄肺泰： 点我1点我2点我3点我4<script> window.onload=function(){ var ts=document.getElementsByTagName(＂span＂); for(var i=0;i ts[i].onclick=function(){ document.getElementById(＂txt＂).value+=this.innerHTML; } } }</script>
达拉特旗13245744772： javascript如何实现 点击按钮如果文本框输入的小于0则弹出对话框提示 - ？
卫垄肺泰： javascript部分function checkNum(){var oText = document.getElementById(＂textBox1＂);var val = oText.val;if(parseInt(val)<0){alert(＂你输入的数小于零＂);}html部分<input type=＂button＂ onclick = ＂checkNum()＂ value=＂click＂ /><input type=＂text＂ id=＂textBox1＂ name=＂textBox1＂ />}
