我有点n00b,但是我想找出一种快速的方法来浏览我的html,并在所有大写字母的单词上放置一个<strong>
标记。可以通过CSS完成此操作,还是必须使用JavaScript?无论哪种方式,将采用哪种方法?谢谢!
最佳答案
获取元素的内容(在我的示例中为纯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;
关键点是字符类
[A-Z]
,它仅接受单词边框\b
中包含的大写字母。Docs for
replace
。Example