无刷新评论HTML代码(存在360浏览器的兼容性问题)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function add() {
            if (txtName.value != "" && txtContent.value != "") {
                var name = document.getElementById("txtName").value;
                var content = document.getElementById("txtContent").value;
                var tr = document.createElement("tr");
                var td0 = document.createElement("td");
                td0.innerText = name;
                tr.appendChild(td0);

                var td1 = document.createElement("td");
                td1.innerText = content;
                tr.appendChild(td1);
                var table = document.getElementById("re");
                table.appendChild(tr);
                txtName.value = "";
                txtContent.value = "";
            }
            else {
                alert("姓名和内容不能为空!");
            }
        }
    </script>
</head>
<body>
    <p>
        最新新闻</p>
    <table id="re">
    </table>
    <hr />
    评论:
    <input type="text" id="txtName" value="" />
    <br />
    <textarea id="txtContent" cols="40" rows="10"></textarea>
    <br />
    <input type="button" value="提交评论" onclick="add()" />
</body>
</html>

posted on 2012-12-20 10:11  王春雷  阅读(411)  评论(6编辑  收藏  举报

导航