Question

正则表达式，IE不正常，高手指点

<script type="text/javascript">
onload=function(){
var slStr=document.getElementById("word_list").innerHTML;
slStr=slStr.replace(/\<([a-z][a-z])\>/g,"<span class='$1'>");
slStr=slStr.replace(/(<\/[a-z][a-z]>)/g,"<\/span>");
slStr=slStr.replace(/(\<p onclick=\"Snd\(\')/g,"\<p onclick=\"Snd\(\'");
document.getElementById("word_list").innerHTML=slStr;
//alert(slStr);
}
</script>
<div class="content_wrd" id="word_list">
<p onclick="Aud('good');"><su>g<sr>oo</sr>d </su> <ph>/gJd/ </ph><mn><i>adj.</i>好的</mn></p>
</div>
IE不正常，高手指点
第六行为：
slStr=slStr.replace(/(\<p onclick=\"Aud\(\')/g,"\<p onclick=\"Snd\(\'");

Answer 1

第一：你要替换什么？ <> 这2个根本不需要转义

第二：没有了，你转义了，就错了

追问

在其他浏览器中js 是正常的。

追答

第三：你这样写[a-z][a-z]不是多此一举么，这样写呗[a-z]{2}

追问

原来IE将＂([a-z])＂或转成了大写，也就不会替换了，把“[a-z]”换成“[A-z]”得到部分解决，问题是IE得到得到的结果$1是大写，其他浏览器得到的结果$1是小写，请问如何解决？

追答

<script type="text/javascript">
// <p onclick="Aud('good');"><span class='su'>g<span class='sr'>oo</span>d </span> <span class='ph'>/gJd/ </span><span class='mn'><i>adj.</i>好的</span></p>
    window.onload=function(){
        //slStr=slStr.replace(/\<([a-z][a-z])\>/g,"<span class='$1'>");
        //slStr=slStr.replace(/(<\/[a-z][a-z]>)/g,"<\/span>");
        //slStr=slStr.replace(/(\<p onclick=\"Snd\(\')/g,"\<p onclick=\"Snd\(\'");
        
        //CSS本身对大小写不敏感，但是，当在XHTML中使用时，由于XHTML是区分大小写的，
        //因此要保持CSS的选择器名称定义和XHTML里的标签是一致的。
        //全部都小写
        // PS：应该以p节点获取,你没有替换p

        var slStr=document.getElementById("word_list").innerHTML;
        var reg1 = /(<\s*)([a-zA-Z]+)(\s*>)/gi;
        var reg2 = /(<\s*\/\s*)([a-zA-Z]+)(\s*>)/gi;
        slStr = slStr.replace(reg1, '$1span class=\'$2\'$3').replace(reg2, '$1span$3');
        slStr = document.getElementById("word_list").innerHTML=String(slStr).toLowerCase();
        console.log(slStr);         
    }   
</script>

Answer 2

调试通过：
slStr = slStr.replace(/<([A-z]{2})>/g,function(m,n){n="<span class='" + n.toLowerCase() + "'>";return n;})
slStr = slStr.replace(/<\/([A-z]{2})>/g,function(m,n){n="</span>";return n; })
slStr=slStr.replace(/(\<p onclick=\"Aud\(\')/g,"\<p onclick=\"Snd\(\'");