Question

下面是特定的html代码，它由“粗体”按钮和文本区域组成。

<form name="myform">
 < input type="button" onClick="Bold()" value="Bold"> 
</form>

<textarea name="myTextArea" id="myTextArea" cols="100" rows="14" placeholder="Enter Text Here ...">< /textarea>

Heres My Javascript

function Bold() {
    myTextArea.document.execCommand('bold',false,null); 
}

我做错了什么????

Answer 1

如果您希望textarea显示粗体文本，您可以通过css样式属性：

来实现

<textarea style="font-weight: bold">test-text</textarea>

此外，您可以使用div insted，并设置contenteditable="true" http://jsfiddle.net/XNkDx/2852/并使用热键ctrl+b

更新：如果您想使用按钮，只需获取所选文本并进行更改http://jsfiddle.net/XNkDx/2859/

Answer 2

你可以简单地使用这样的javascript：

function Bold() {
    document.getElementById("myTextArea").style.fontWeight = 'bold'; 
}

Demo

Answer 3

我认为你应该像这样使用javascript的string.bold（）函数：

function Bold() {
    var str = document.getElementById('myTextArea').value();
    var result = str.bold();
}

或者您可以使用css样式

{font-weight:bold;}

在textarea中将文本设置为粗体

3 个答案: