모든 대문자로 된 모든 단어를 굵게 인쇄하는 스크립트 또는 CSS

Question

나는 n00b 비트이지만 html로 이동하여 모두 대문자로 된 단어에 <strong> 태그를 추가하는 빠른 방법을 찾으려고합니다. CSS를 통해이 작업을 수행 할 수 있습니까? 또는 JavaScript 여야합니까? 어느 쪽이든, 방법은 무엇입니까? 감사!

Answer 1

내 콘텐츠 (예 : 일반 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; 

키포인트는 단어 경계 \b 안에 대문자를 받아들이는 characterclass [A-Z]입니다.

Docs for replace.

Example