当前位置：首页 → 问答吧 → div不能append吗？？

div不能append吗？？

时间：2009-06-04

来源：互联网

我想往div里append一些内容，但是不成功，如下：
<div id="content"></div>

js:

$("#content").append('<p>hello!</p>');

试过如果是p元素就可以，那div要怎么弄呢？

[ 此帖被mikelou2009在2009-06-05 08:56重新编辑 ]

作者: mikelou2009 发布时间: 2009-06-04

$("#content").html('<p>hello!</p>');

也不行吗???

那我就不知道了

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
</head>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#content').html('<p>hello!</p>');
});
</script>
<body>
<div id="content"></div>
</body>
</html>

[ 此帖被jamix在2009-06-04 16:06重新编辑 ]

作者: jamix 发布时间: 2009-06-04

楼上的方法试过了也不行啊，你试过可以的么

作者: mikelou2009 发布时间: 2009-06-04

来个朋友指点一下吧，其实感觉应该不难的，就是不知道jquery怎么实现，文档里也没写div不能append，哎，搞死了

作者: mikelou2009 发布时间: 2009-06-04

是可以加的...不知道你是怎么做的?
1楼已经贴出来了

作者: jamix 发布时间: 2009-06-04

晕死，做前一个例子的时候把div全部都给display:none了，难怪毛都看不到，现在好了，但是发现一个问题，如下：
$.ajax({
            url: "data.xml",
            dataType: "xml",
            success: function(xml){
                $(xml).find("list").each(function(){
                    var date = $(this).find("date").text();
                    var html = "<p>" + date + "中奖名单</p>";
                    $(this).find("tel").each(function(){
                        var tel = $(this).text();
                        html += "<p>" + tel + "</p>";
                    });
                    $("#content").html(html);
                });

            }

        });

<div id="content"></div>

xml:
<?xml version="1.0" encoding="GB2312"?>
<list>
<date>Mike</date>
  <tel>13888990</tel>
<tel>234355435</tel>
<tel>464562342</tel>
</list>

这段代码firefox里显示没问题，但是ie6下面没有显示出来，这是为什么呢，再次谢谢一楼的兄弟和关注的朋友，新手的学习离不开前辈的指导

作者: mikelou2009 发布时间: 2009-06-04

可以append啊＝。＝

作者: keakon 发布时间: 2009-06-04

谢谢你的关注，确实可以append,html也是可以，但是上面那段js代码在ff下成功，在ie下却显示不出来，如果知道的话忘不吝赐教啊

作者: mikelou2009 发布时间: 2009-06-04

兄弟阿，那段中奖名单的JS好像是我做的？。。。我这边两个浏览器都正常的，代码应该没有问题

作者: exxrdr 发布时间: 2009-06-04

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>

  <script type="text/javascript" src="../jquery-1.3.2.js"></script>
  <script type="text/javascript">
$(function(){
   $("#readxml").click(function(){

       $.ajax({
            url: "data.xml",
            dataType: "xml",
            success: function(xml){
                $(xml).find("list").each(function(){
                    var date = $(this).find("date").text();
                    var html = "<p>" + date + "中奖名单</p>";
                    $(this).find("tel").each(function(){
                        var tel = $(this).text();
                        html += "<p>" + tel + "</p>";
                    });
                    $("#content").append(html);
                });

            }

        });

})
});
</script>
</HEAD>

<BODY>
<div id="content"></div>
<input name="readxml" type="submit" id="readxml" value="readxml" />
  hello!!!
</BODY>
</HTML>

你试试啊，我就是ie6下面不行啊，见鬼了，兄弟不好意思啊，没注明版权。

作者: mikelou2009 发布时间: 2009-06-04

我用代码试过了，也加了button，都可以实现的，有一点要说明下，就是测试的时候必须是在服务器上，通过http进行观看效果，本地127.0.0.1也可以，你可以实验一下，我觉得你可能是这个问题

作者: exxrdr 发布时间: 2009-06-04

我知道你说的现象了，你的data.xml没有放在服务器上，本地测试时，IE是不会拿到正确的格式信息的，因此会parser error

放在服务器上就行了

还是那句话，JSON比XML方便＝。＝

作者: keakon 发布时间: 2009-06-04

确实是这个问题了，又学习到了，非常感谢你和exxrdr 的指点

作者: mikelou2009 发布时间: 2009-06-05