这个脚本该怎么写啊？

[html]<!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">
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>背景色不出来</title> <script type="text/javascript">
function insertAfter(newElement,targetElement){
var parent = targetElement.parentNode;
if(parent.lastfirst == targetElement){
parent.appendChild(newElement);
}
else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}

</script>
<style type="text/css">
</style>
</head>
<body><div id="content">
<p id="description">我的javascript之旅</p>
<ul id="list">
<li><a href="">测试一</a></li>
<li><a href="">测试二</a></li>
<li><a href="">测试三</a></li>
</ul>
</div>
<script type="text/javascript">
</script>
</body>
</html>[/html]
我想让 <p id="description">我的javascript之旅</p>　　在ul的后面.接下来的代码怎么写啊?

解决方案 »

  1.   

    var pobj = document.getElementById("content").childNodes(0);
    document.getElementById("content").removeChild(pobj );
    document.getElementById("content").appendChild(pobj);
      

  2.   


    <script type="text/javascript">
    window.onload=function()
    {
        var obj = document.createElement("p");
        obj.id="description";
        obj.innerHTML = "我的javascript之旅";
        document.getElementById("content").appendChild(obj);
    }
    </script>
      

  3.   

    <!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">
    <!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>背景色不出来</title><script type="text/javascript">
    function insertAfter(newElement,targetElement){
    var parent = targetElement.parentNode;
    if(parent.lastfirst == targetElement){
    parent.appendChild(newElement);
    }
    else{
    parent.insertBefore(newElement,targetElement.nextSibling);
    }
    }</script>
    <style type="text/css">
    </style>
    </head>
    <body><div id="content">
    <p id="description">我的javascript之旅</p>
    <ul id="list">
    <li><a href="">测试一</a></li>
    <li><a href="">测试二</a></li>
    <li><a href="">测试三</a></li> 
    </ul>
    </div>
    <script type="text/javascript">
    var o = document.getElementById("description");
    insertAfter(o,document.getElementById("list"))
    </script>
    </body>
    </html>
      

  4.   


    <!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>
    <script type="text/javascript">
        function insertAfter(p, u){
    var p = document.getElementById(p);
    var u = document.getElementById(u);
    var o1 = p.parentNode;
            var o2 = u.parentNode;
    var n = u.nextSibling;
    o1.removeChild(p);
    n? o2.insertBefore(p, n) : o2.appendChild(p);
        }
    </script>
    </head>
    <body>
    <div id="content">
    <p id="description">我的javascript之旅</p>
    <ul id="list">
    <li><a href="">测试一</a></li>
    <li><a href="">测试二</a></li>
    <li><a href="">测试三</a></li>
    </ul>
    </div>
    </body>
    <script type="text/javascript">
        insertAfter('description', 'list');
    </script>
    </html>