如何删除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 body class吗？ 谢谢。

Answer 1

document.querySelectorAll('.my #awesome selector');

和

el.classList.remove(className);

http://youmightnotneedjquery.com/

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

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');

Answer 2

试试这个：

$('#iframe').contents().find('body').attr('class','');