2014-01-09 104 views
1

我知道卸下襬臂的(),我使用它和它的做工精細,我的意思是它消除,我想要的元素。但我認爲它不會永久刪除它。在瀏覽器窗口中右鍵單擊選擇查看頁面源代碼我仍然能夠看到那些已刪除的元素。 我想徹底刪除它們或說永久。 請幫忙。完全刪除一個HTML元素

+5

它永久刪除,但「查看源文件」是不檢查的DOM中的準確的方法,它只是顯示你的原始來源,你需要打開DOM檢查來代替。 – adeneo

+0

我不知道你的意思是永久的。你的意思是你想編輯HTML嗎?因爲一旦刷新了頁面,用'remove()'移除的所有東西都會回來。 – timo

+0

@ user3008011:這很明顯,這是標準的「查看源」謬誤。 –

回答

5

.remove()完全刪除它們。您在視圖頁面源代碼中仍然看起來的原因是因爲頁面源代碼不會基於javascript進行更改。頁面源代碼顯示了頁面在第一次加載時的原始形式,而不是當前的樣子。

如果你看看開發者控制檯,你會發現他們已經不在那裏了。

同樣,如果你動態地使用JavaScript/jQuery的添加新元素,它不會顯示在頁面的源代碼該元素。

+1

*「的網頁源代碼顯示如何頁面最初是在第一次加載時查看的......「*更常見的是,它被重新請求並顯示對該請求的(靜態)響應。但它涉及到同樣的事情;沒有反映DOM的動態變化。 –

1

查看源渲染你寫的頁面(靜態

中的代碼爲動態變化/圖檢查的開發人員工具的元素標籤。

1

查看頁面源顯示原始HTML文件的內容,由HTTP服務器返回。 DOM可以使用javascript進行更改,但源代碼不會更改。

2

頁面源代碼和DOM是兩個不同的不同的東西,只要您編輯的元素或刪除它們從DOM得到清除並不會從頁面的源代碼。這意味着JavaScript操縱DOM而不是來自服務器的源。

DOM:文檔對象模型(DOM)是有效的HTML和良好的XML文檔的應用程序編程接口(API)。

查看源始終顯示最初來自服務器的內容,而不做任何修改。在瀏覽器中使用DEVELOPER CONSOLE來查看實時DOM操作。

注:按F12 上主要的瀏覽器

1

啓用控制檯您不能permenantly刪除使用jQuery或JavaScript的DOM元素。 .remove()與你的邏輯完全不同。只是它從dom元素中刪除了臨時隱藏,假設你刷新了它再次出現的頁面,這是jquery的魔法。