1

我曾经使用过更改了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>
4

2 回答 2

0

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

这里是代码中定义的事件处理程序：http: //jsfiddle.net/1j01/AXcZx/1/<body>这在or 的末尾起作用onload。此外，将元素的引用存储在变量中是一个好习惯，这样您就不必每次都在文档中搜索它们。

于 2014-03-26T23:37:41.187 回答
-1

这是在按钮上调用的 ajax 函数，文件名是带有替换此 div 的 html 代码的文件

  function functionname(id){                                                   
        var p_url=filename,
        jQuery.ajax({          
        type: "GET",
           url: p_url,                   
           data: "&id=" +id+',
            success: function(data) {
             jQuery(".classnameoddiv").html(data);
        }                                                                                                                                                                                                  
         });                                                                                                                        
        }
于 2013-03-07T10:59:17.997 回答