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>标记不支持单独设置其内容的不同部分;你不能用这种方式制作富文本编辑器。

Javascript使文字变粗？

2 个答案: