腳本或CSS來粗體顯示全部大寫的所有單詞

我是一個n00b，但我試圖找出一個快速的方式來通過我的html，並將<strong>標記放在全部大寫的單詞上。這可以通過CSS來完成，還是必須是JavaScript？無論哪種方式，該方法是什麼？謝謝！腳本或CSS來粗體顯示全部大寫的所有單詞

來源

2013-03-19 Mr.Syrax

絕對不可能使用CSS。 – MarcinJuraszek 2013-03-19 13:07:34

看看正則表達式和JS'replace'函數。有關更多詳細信息，請提供有關單詞和html結構的信息。 – 2013-03-19 13:08:47

你可以在CSS中使文本變成粗體，你可以使它們大寫，但是你不能使用CSS來查詢所有大寫單詞的粗體。 – 2013-03-19 13:09:05

獲取你的元素的內容（在我的例子中是一個普通的div），並用正則表達式搜索被俘的單詞。

var div = document.querySelector("div"); 
var html = div.innerHTML; 
html = html.replace(/(\b[A-Z]{2,}\b)/g,"<strong>$1</strong>"); 
div.innerHTML = html;

的關鍵點是characterclass [A-Z]只接受封閉在字邊界\b大寫字母。

Docs for replace。

Example

來源

2013-03-19 13:18:56 Christoph

添加jsfiddle以改善您的答案:) – user666 2013-03-19 13:19:23

@ user666已經在準備它。 – Christoph 2013-03-19 13:21:13

奧克謝謝你，我做了同樣的xD我永遠不明白替換（），你有一個解釋鏈接？ – user666 2013-03-19 13:22:18

腳本或CSS來粗體顯示全部大寫的所有單詞

回答

相關問題