2011-12-06 72 views
0

我正在嘗試使用JavaScript來使文本變粗。我搜索了網絡,看起來我可以在將字符串加粗後做一個document.write()。沒有任何方法可以在不打開任何新頁面的情況下執行此操作(在相同的html文本區域中)?Javascript使文本大膽?

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

編輯:我實現一個文本編輯器,我使用的是HTML文本區域,和我想添加的所有功能,如粗體,斜體等,我希望能夠選擇部分的文字書寫並使其大膽。

+0

你可能比使用[Javascript WYSIWYG編輯器](http://ckeditor.com/demo)更適合重新發明輪子......(最終可能還有更多,包括讓用戶選擇編輯框之前,粗體/斜體/等) –

+0

我只是想學習,沒有更多。 –

回答

6
// 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); 

這樣的事情?否則,請更具體地處理您的問題。

+0

[Bolding Text with Javascript example](http://jsfiddle.net/3vR4s/) –

+0

我編輯了我的帖子,如果我在HTML文本區域內設置文本粗體,該怎麼辦? –

+0

@yahyakh:'