javascript html标签未添加内容

Question

我正在尝试将内容作为表格追加到div

<div id="viewcontent"></div>
<script>
$('#viewcontent').html = $('#viewcontent').html + "<table bgcolor='#CCCCFF' bordercolor='#000000' align='center' width='600' border='1'>";

for (var i = 1, len = msg.length; i < len; i=i+6) {
    if (msg[i+1] == 1) { //misc
        var rtype = "Miscellaneous"
        var rcolor = "#CCCCFF"
    } else if (msg[i+1] == 2) { //verbal
        var rtype = "Verbal"
        var rcolor = "#FFF000"
    } else if (msg[i+1] == 3) { //written
        var rtype = "Written"
        var rcolor = "#FFAA00"
    } else if (msg[i+1] == 4) { //Critical
        var rtype = "Critical"
        var rcolor = "#FF0000"
    } else if (msg[i+1] == 5) { //Positive
        var rtype = "Positive"
        var rcolor = "#55FF22"
    } else if (msg[i+1] == 6) { //Performance Review
        var rtype = "Performance Review"
        var rcolor = "#C8C8C8"
    }

    $('#viewcontent').html = $('#viewcontent').html + "<tr><td colspan='1' align='center' border='1' width='5%'><input type='radio' name='RID' value='" + msg[i+5] + "'></td><td class='file' colspan='1' align='center' border='1' width='20%' bgcolor='" + rcolor + "'><a href='upload_files/" + emp + "/" + msg[i+2] + "'>" + rtype + "</a></td><td colspan='1' align='center' border='1' width='15%'>" + msg[i] + "</td><td colspan='1' align='center' border='1' width='20%'>" + msg[i+4] + "</td><td colspan='1' align='center' border='1' width='40%'>" + msg[i+3] + "</td></tr>";

}
$('#viewcontent').html = $('#viewcontent').html +   "</table>";
</script>

这导致一个空的Div-使用innerhtml时正在发送内容我正在接收没有任何标签的内容

如何在不删除和维护我的HTML的情况下附加到此内容

Answer 1

jQuery .html属性是一个函数 ：

$("something").html("some content");

同样，当您想要获取内容时：

var theContents = $("something").html();

Answer 2

尝试以下

<div id="viewcontent"></div>



<script>
$('#viewcontent').html('');
             $('#viewcontent').append("<table bgcolor='#CCCCFF' bordercolor='#000000' align='center' width='600' border='1'>");

                for (var i = 1, len = msg.length; i < len; i=i+6) {
                    if (msg[i+1] == 1) { //misc
                        var rtype = "Miscellaneous"
                        var rcolor = "#CCCCFF"
                    } else if (msg[i+1] == 2) { //verbal
                        var rtype = "Verbal"
                        var rcolor = "#FFF000"
                    } else if (msg[i+1] == 3) { //written
                        var rtype = "Written"
                        var rcolor = "#FFAA00"
                    } else if (msg[i+1] == 4) { //Critical
                        var rtype = "Critical"
                        var rcolor = "#FF0000"
                    } else if (msg[i+1] == 5) { //Positive
                        var rtype = "Positive"
                        var rcolor = "#55FF22"
                    } else if (msg[i+1] == 6) { //Performance Review
                        var rtype = "Performance Review"
                        var rcolor = "#C8C8C8"
                    }

    $('#viewcontent').append("<tr><td colspan='1' align='center' border='1' width='5%'><input type='radio' name='RID' value='" + msg[i+5] + "'></td><td class='file' colspan='1' align='center' border='1' width='20%' bgcolor='" + rcolor + "'><a href='upload_files/" + emp + "/" + msg[i+2] + "'>" + rtype + "</a></td><td colspan='1' align='center' border='1' width='15%'>" + msg[i] + "</td><td colspan='1' align='center' border='1' width='20%'>" + msg[i+4] + "</td><td colspan='1' align='center' border='1' width='40%'>" + msg[i+3] + "</td></tr>");

}
$('#viewcontent').append("</table>");
</script>

希望这会有所帮助！