如何在html中使用javascript动态添加div标签/

我正在创建一个div动态并希望将其添加到另一个div中。如何在html中使用javascript动态添加div标签/

  (js) var divtag = document.createElement("div"); 
       divtag.innerHTML = xmlhttp.responseText;//Ajax call working fine 
       document.getElementById('con').appendChild(divtag);

HTML：

enter code here <div id="con"></div>

中的O/P我从AJAX调用得到的是好的，也是我能够在浏览器中查看它，但是当我做了查看源代码我无法看到div及其内容。它应该如下：

enter code here <div id="con"> 
       <div> 
      Contents added @ runtime 
     </div> 
      </div>

有人可以建议我哪里去错了吗？

来源

2009-10-12 Wondering

默认情况下，您不会在浏览器中看到生成的代码，但您可以使用Firefox扩展Web Developer查看执行js后生成的代码。

- 编辑

也有利于延长FF - 萤火虫。

来源

2009-10-12 09:27:08 stefita

是的，我已经尝试过......它的工作......但不能看到它在视图源.. probaly那是不可能的。 – Wondering 2009-10-12 09:31:23

Web Developer上下文菜单 - >查看源代码 - >查看生成的源代码或 FireBug - > HTML标签 – stefita 2009-10-12 09:38:38

尝试提醒responseText并查看是否正确，然后检查是否没有js错误。 – jerjer 2009-10-12 10:14:44

使用firebug - 我认为最好的firefox网站开发插件。

Firebug的，你可以检查DOM：

alt text

来源

2009-10-12 09:28:57 wiifm

你有 “CON” DIV装上我们的DOM？

var divtag = document.createElement("div"); 
divtag.innerHTML = xmlhttp.responseText;//Ajax call working fine 
// See before adding a child, does it exist? 
alert(document.getElementById('con')); 
document.getElementById('con').appendChild(divtag);

我不知道你在哪里有这段代码。因为在检查/分配任何元素之前加载DOM是很重要的。为了避免这样的错误：

function addEvent(obj, evType, fn){ 
if (obj.addEventListener){ 
    obj.addEventListener(evType, fn, false); 
    return true; 
} else if (obj.attachEvent){ 
    var r = obj.attachEvent("on"+evType, fn); 
    return r; 
} else { 
    return false; 
} 
} 
addEvent(window, 'load', function() { 
     var divtag = document.createElement("div"); 
     divtag.innerHTML = xmlhttp.responseText;//Ajax call working fine 
     // See before adding a child, does it exist? 
     alert(document.getElementById('con')); 
     document.getElementById('con').appendChild(divtag); 
});

来源

2009-10-12 09:39:40

如何在html中使用javascript动态添加div标签/

回答

相关问题