构造innerHTML时出现的问题。

function HtmlEncode(text)
{
    return text.replace(/&/g, '&amp').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
}var s = '<div><span>' + msg1 + '</span></div>'
s += '<div>' + msg2 + '</div>';oTip.innerHTML = HtmlEncode(s);

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <script>
    function changeInnerHMTL(msg1,msg2){
    var s = '<div><span>' + replaceHtml(msg1) + '</span></div>'
    s += '<div>' + replaceHtml(msg2) + '</div>';
    var oDiv = document.getElementById('test');
    oDiv.innerHTML = s;
    }
    function replaceHtml(str){
    var tStr = str.replace(/\s+>/, '&gt;');
    tStr = str.replace(/\s+</, '&/t;');
    return tStr;
    }
    </script></HEAD>
    <BODY><input type="button" onClick="changeInnerHMTL('<b><a href=\'http://www.csdn.net\'>ddd</a></b>','ddd')" value="change" />
    <div id="test"></div>
    </BODY>
    </HTML>