Javascript使文本加粗？

Question

我正在嘗試使用javascript使文本加粗。 我搜索了網絡，並且在將字符串加粗后，似乎可以執行document.write（）了。 沒有任何方法可以執行此操作而不打開任何新頁面（在同一html文本區域中）？

function bold()
{
   document.write(selectedText.bold());
}

編輯：我正在實現一個文本編輯器，並且正在使用HTML TextArea，並且試圖添加所有功能，例如粗體，斜體等。我希望能夠選擇部分文字並將其設為粗體。

Answer 1

// method 1: direct write out something with bold tags
document.write('<b>My Bold Text</b>');

// method 2: add an element styled to be bold
var span = document.createElement('span');
span.innerHTML = 'My Bold Text';
span.style.fontWeight = 'bold';
document.getElementsByTagName('body')[0].appendChild(span);

// method 3: add an element classed to be bold
// add style sheet first:
//   <style type="text/css">.bold { font-weight: bold; }</style>
// then the jS:
var span = document.createElement('span');
span.innerHTML = 'createElement.className - My Bold Text';
span.className = 'bold';
document.getElementsByTagName('body')[0].appendChild(span);

這樣的事嗎？ 否則，請更具體地回答您的問題。

Answer 2

您是否要將現有元素設置為粗體？ 在這種情況下，請將font-width CSS屬性設置為bold 。 嘗試這個：

document.getElementById("myTextId").style.fontWeight = "bold";

或者，如果您使用的是jQuery，

$('#myTextId').css("font-weight", "bold");

更新：HTML <textarea>標記不支持其內容不同部分的單獨樣式； 您無法以這種方式制作富文本編輯器。