Question

我使用

更改了div代码的内容

document.getElementById("di").innerHTML = content;

在更改的内容中，我有一个调用函数的按钮，我希望该函数将同一div标记的内容再次更改为其他内容。我尝试过这样做，即使用

document.getElementById("di").innerHTML = content2;

但它不起作用。是否可以使用其他方式完成，或者当前方法可能出现什么问题？

function change(){
    document.getElementById("di").innerHTML = "";
    var content = "<span class='senr'><input type='button' value='sender' onclick='sen()'></input></span>";
    document.getElementById("di").innerHTML = content;
}
function sen(){
    document.getElementById("di").innerHTML = "";
    var content1="<span class='prp'>hello</span>";
    document.getElementById("di").innerHTML = "content1";
}

 <div onclick="change()">welcome to page!</div>

Answer 1

这里有效：http://jsfiddle.net/1j01/AXcZx/0/ 请注意设置“No wrap - in <body>”。这是因为onload选项将源包装在函数中，使得源中的函数无法从DOM中访问。您不应该将事件处理程序放在属性中。

这里是代码中定义的事件处理程序：http://jsfiddle.net/1j01/AXcZx/1/ 这适用于<body>或onload的结尾。此外，存储对变量中元素的引用是一个很好的习惯，因此您不必每次都搜索文档。

Answer 2

这是一个调用按钮的ajax函数，文件名是用html代码替换这个div的文件

  function functionname(id){                                                   
        var p_url=filename,
        jQuery.ajax({          
        type: "GET",
           url: p_url,                   
           data: "&id=" +id+',
            success: function(data) {
             jQuery(".classnameoddiv").html(data);
        }                                                                                                                                                                                                  
         });                                                                                                                        
        }

动态多次更改div标签的内容

2 个答案: