javascript - 如何删除 iframe 主体类 (JQuery/JS)

Question

我有这个代码:

<ul class="heroBx">
    <li>
        <iframe width="980" height="370" src="heroBanner/heroElantra/index.html" frameborder="0" scrolling="no"></iframe>
    </li>
    <li>
        <iframe width="980" height="370" src="heroBanner/heroH1/index.html" frameborder="0" scrolling="no"></iframe>
    </li>
    <li>
        <iframe width="980" height="370" src="heroBanner/heroStarex/index.html" frameborder="0" scrolling="no"></iframe>
    </li>
    <li>
        <iframe width="980" height="370" src="heroBanner/heroTucson/index.html" frameborder="0" scrolling="no"></iframe>
    </li>
    <li>
        <iframe width="980" height="370" src="heroBanner/heroVeloster/index.html" frameborder="0" scrolling="no"></iframe>
    </li>
</ul>

我可以删除 iframe 主体类吗？谢谢。

Answer 1

document.querySelectorAll('.my #awesome 选择器');

和

el.classList.remove(className);

http://youmightnotneedjquery.com/

因此，如果您想通过 JavaScript 从 DOM 中的所有 ul 元素中删除 heroBx 类:

var uls = document.querySelectorAll('ul');
for(var i = 0; i < uls.length; i++) {
  uls[i].classList.remove('heroBx');
}

如果只有一个 ul 要定位，您可以简单地改为:

var ul = document.querySelector('ul');
ul.classList.remove('heroBx');