用正则修改html样式－－－－－－－－－－－－－－－－－－－－－100分

Question

为什么要用正则呢，给它个ID然后再改不行吗？
<p id="title" class=MsoNormal style='text-indent:21.0pt;line-height:20.0pt'> <span 
style='font-family:宋体'>一、业务概述 </span> </p> <script type="text/javascript">
document.getElementById("title").style.fontSize = "xxpt";//自己定字号
</script>

Answer 1

要写正则吗？取所有的P，拿到innerHTML，indexOf一下，有那几个字就把P的样式改一下不行吗？

Answer 2

我还是建议不要拿正则去识别，内容一多效率会很低。楼上的是个办法
var paragraphs = document.getElementsByTagName("p");
for (var i = 0; i < paragraphs.length; i++) {
  var p = paragraphs[i];
  if (p.innerHTML == "一、业务概述") {
    p.style.fontSize = "xxpt";
    break;
  }
}

Answer 3

var key = ['业务概述','title 文字']; window.onload = function(){
HighLight();
//alert(document.documentElement.innerHTML);
} function HighLight(){
var innerHTML = document.documentElement.innerHTML;
innerHTML = innerHTML.replace(/<span[^<>]*?>([^<>]+)<\/span>(?=[^>]*?<)/gi,'$1')
for (var i = 0 ; i < key.length / 2 ; i ++ ){
var value = key[i * 2] + '(?=[^>]*?<)';
var re = new RegExp(value,'gi');
innerHTML = innerHTML.replace(re,'<span title="' + key[i * 2 + 1] + '">' + key[i * 2].replace(/<[^<>]*?>/ig,'') + '</span>');
}
document.documentElement.innerHTML = innerHTML;
}
发个高亮的，其他根据你自己的需要调整吧