如何在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標籤/

回答

相關問題