点击没反应？ 咋回事呢[100分]

html代码
=========================
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script language="javascript" src="../jsdemos/newOne.js"></script>
</head>
<body>
    <p>测试......</p>
    <p name="test">继续测试......</p>
    <input type="submit" onclick="javascript:newOne()" />
</body>
</html>=====================newOne.js代码====================
function newOne() {
var tipNode = document.createElement("p");
tipNode.innerHTML = "插入的文本";
var existedNode = document.getElementsByName("test")[0];
document.body.insertBefore(tipNode, existedNode);
}
==================================
打开浏览器，点击提交按钮没有反应，怎么还回事呢

解决方案 »

  1.   

    <input type="submit" onclick="javascript:newOne()" /> 
    submit 改成 button要不点一下就提交了，新建的节点刷新一下也没了
      

  2.   

    <input type="submit" onclick="javascript:newOne();return false;" /> 
      

  3.   


    <body> 
    <p>测试...... </p> 
    <p id="test">继续测试...... </p> 
    <input type="submit" onclick="newOne()" /> 
    </body> 
    </html> <SCRIPT LANGUAGE="JavaScript">
    <!--
    function newOne() { 
    var tipNode = document.createElement("p"); 
    tipNode.innerHTML = "插入的文本"; 
    var existedNode = document.getElementById("test"); 
    document.body.insertBefore(tipNode, existedNode); 
    } 
    //-->
    </SCRIPT>
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title> </title> 
    <script language="javascript">
    function newOne() { 
    var tipNode = document.createElement("p"); 
    tipNode.innerHTML = "插入的文本"; 
    var existedNode = document.getElementsByName("test")[0]; 
    document.body.insertBefore(tipNode,existedNode); 
    }
    </script>
    </head> 
    <body> 
        <p>测试...... </p> 
        <p name="test" id = "test">继续测试...... </p><!--IE6下用getElementsByName获取节点时，需要保持节点ID与name一致--> 
        <input type="submit" onclick="javascript:newOne()" /> 
    </body> 
    </html> 
      

  5.   

    好久不上来了，忍不住，上来抢点分，呵呵试看....<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title> </title>
    <script language="javascript"> 
    function newOne() {
    var tipNode = document.createElement("p");
    tipNode.innerHTML = "插入的文本";
    var existedNode = document.getElementById("test");
    document.body.insertBefore(tipNode, existedNode);
    } 
    </script>
    </head>
    <body>
        <p>测试...... </p>
    <p id="test">继续测试...... </p>
        <input type="button" value="Test" onclick="javascript:newOne()" />
    </body>
    </html>
      

  6.   

    IE下 document.getElementsByName("test")[0]; IE下没有获取到相应的节点，报错；
    火狐下可以正常执行，可依上面修改代码。添加节点id属性，且id的值等于name的值
      

  7.   

    是这样的，在IE中，用name这个属性会有问题，在FF（FireFox)中没有问题，所以你最好使用id这个属性。
    <p name="test">继续测试...... </p> 改成<p id='test'>继续测试......</p>。
    document.getElementsByName("test")[0]; 这名改成document.getElementById("test");