有没有办法检测html文件中的字符的unicode并将类应用到最近的div / span?
例如,如果有一个包含英语(拉丁字符)的div,我想将'en'类应用于该div。如果有一个包含日文字符的div,我想将'jp'类应用于该div。
(如果两者都有,我猜两个类都可以应用)。
使用divs[i].textContent.match
var divs = document.querySelectorAll("div");
for (var i = 0; i < divs.length; ++i) {
if(divs[i].textContent.match(/[\u0020-\u007F]+/g)){
divs[i].classList.add('eng');
}
else if(divs[i].textContent.match(/[\u3041-\u3096]+/g)){
divs[i].classList.add('jp');
}
}
.eng{
color:red;
}
.jp{
color:blue;
}
<div>english</div>
<div>良い一日を</div>
编辑
查询页面使用中的所有标签:document.querySelectorAll("body *");
var elements = document.querySelectorAll("body *");
for (var i = 0; i < elements.length; ++i) {
if(elements[i].textContent.match(/[\u0020-\u007F]+/g)){
elements[i].classList.add('eng');
}
else if(elements[i].textContent.match(/[\u3041-\u3096]+/g)){
elements[i].classList.add('jp');
}
}
.eng{
color:red;
}
.jp{
color:blue;
}
<div>english</div>
<div>良い一日を</div>
<span>english span</span>
<label>良い一日を</label>
有一个script
property in Unicode regexes。您可以编写/^(\p{script=Han}|\p{script=Hiragana}|\p{script=Katakana})+$/
来匹配日文写作中出现的字符。