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>标记不支持其内容不同部分的单独样式； 您无法以这种方式制作富文本编辑器。