2014-12-08 38 views
0

我試圖從lynda.com刪除HTML的這一部分:Lynda.com removeChild之

<div class="course-banner-artist"> Illustration by John Hersey </div> 

這是我以前嘗試過,但它是無濟於事:

var i = 0 
var bannerArtist = document.getElementsByClassName('course-banner-artist'); 
for (i = 0; i < banner.length; i++){ 
    bannerArtist[i].parentNode.removeChild(bannerArtist[i]); 
} 
+2

bannerArtist.length,而不是banner.length – 2014-12-08 05:25:35

回答

0

你的for循環被搞砸了。您正在引用未定義的對象。

固定爲您

var parent = document.getElementById("parent") 
 
var bannerArtist = document.getElementsByClassName('course-banner-artist'); 
 

 
for (i = 0; i < bannerArtist.length; i++) { 
 
    parent.removeChild(bannerArtist[i]); 
 
} 
 

 
parent.removeChild(bannerArtist[0])
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>JS Bin</title> 
 
</head> 
 

 
<body> 
 
    <div id="parent"> 
 
    <div class="course-banner-artist">Some content</div> 
 
    <div class="course-banner-artist">Some content</div> 
 
    <div class="course-banner-artist">Some content</div> 
 
    </div> 
 

 
</body> 
 

 
</html>

+0

您正在刪除[0]兩次,並且請爲'var(var i ...')添加一個'var' – mplungjan 2014-12-08 05:35:51

0

正如帕特里克·埃文斯指出 「bannerArtist.length,不banner.length」 是問題。感謝所有幫助過的人。