使用javascript中的onclick（）事件創建Html元素

Question

我一直在這個工作的最后一個小時，但我仍然無法獲得預期的輸出...我想要的是使用onclick事件創建一個HTML元素。 我能夠在加載時創建元素，但發現自己無法使用該事件。 請帶領我朝着正確的方向前進。 這是我的HTML頁面：

<html>
<body>

    <div id="d1">
        <p id="p1">Paragraph.</p>

    </div>
    <div id="d2">
        <label onclick="open()">Inbox</label>
    </div>

    <script>
        function open(){
            alert("Start");
            var para=document.createElement("p");
            var node=document.createTextNode("Text");
            para.appendChild(node);
            para.style.color="red";
            var element=document.getElementById("d2");
            element.appendChild(para);
                       }
    </script>

    </body>
</html>

Answer 1

open()似乎是一個保留函數。 嘗試使用open1() ，它的工作原理。

Answer 2

您可能正在與瀏覽器中內置的window.open函數發生沖突，重命名您的函數。

Answer 3

試試這個代碼

<label onclick="create_elem();">Inbox</label>
<script language="javascript">
function create_elem(){
    alert("Start");
    var para=document.createElement("p");
    var node=document.createTextNode("Text");
    para.appendChild(node);
    para.style.color="red";
    var element=document.getElementById("d2");
    element.appendChild(para);
}
</script>

使用javascript中的onclick（）事件創建Html元素

問題描述

3 個解決方案

解決方案1
3 已采納 2012-11-02 06:24:51

解決方案2
2 2012-11-02 06:22:54

解決方案3
0 2012-11-02 06:27:58

使用javascript中的onclick（）事件創建Html元素

問題描述

3 個解決方案

解決方案1 3 已采納 2012-11-02 06:24:51

解決方案2 2 2012-11-02 06:22:54

解決方案3 0 2012-11-02 06:27:58

解決方案1
3 已采納 2012-11-02 06:24:51

解決方案2
2 2012-11-02 06:22:54

解決方案3
0 2012-11-02 06:27:58