Question

我正在尝试从lynda.com删除此部分HTML：

<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]);
}

Answer 1

你的for-loop搞砸了。您正在引用未定义的对象。

为您修复了

＆＃13;

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])

＆＃13;

<!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>

＆＃13;

Answer 2

Patrick Evans指出＆＃34; bannerArtist.length，而不是banner.length＆＃34;是问题。谢谢所有帮助过的人。

Lynda.com removeChild

2 个答案: