Question

我想从我的网站http://letenky.slehkosti.cz/

上的iframe中删除徽标

最好是我想要

不使用jQuery或任何其他libray - 仅使用纯javascript
确保徽标不显示在所有

我尝试了这个脚本，但没有任何效果。我要离开代码，因为它是显示我尝试的。 div <div class="logo"> html提取中的iframe内部引用了图片

如果我查看javascript控制台，我可以看到TypeError: el is undefined它位于第22行el.classList.remove('logo');，因此找不到该元素？

<script type="text/javascript">

document.addEventListener("DOMContentLoaded", function(event) {
    //your code to run since DOM is loaded and ready

    var el = document.getElementsByClassName('logo')[0];
el.classList.remove('logo');


});

//var el = document.getElementsByClassName('logo')[0];
//el.classList.remove('logo');


//ELEMENT.classList.remove("logo");
//div.classList.remove("logo");


//$(document).ready(function() {
//$(".header head_height_").removeClass("logo");
//});
</script>

这是相关的HTML代码

<div class="logo">
  <!--<a target="_blank" href="http://www.letuska.cz/?prodejce=L012003"><img src="/pp/images/main_logo_pp.png" border="0" alt="" height="100" width="350"></a> -->
  <a target="_blank" href="http://www.letuska.cz">
    <img src="/pp/images/main_logo_pp.png" alt="" width="350" border="0" height="100">
  </a>
</div>

Answer 1

清理代码以使问题更清晰是个好主意。

如果您有一个HTML节点el，请删除它：

el.parentNode.removeChild(el);

我无法从您的代码中判断var el = ...是否选择了正确的元素（取决于您的网页内容），但如果您正确引用它，上面的行肯定会删除它。

Answer 2

Node.prototype.rClass=function(s){
    var list = [],elem=this;
    for(var i=0;i<elem.classList.length;i++){
        if(s.indexOf(elem.classList[i]) === -1){
            list.push(elem.classList[i]);
        }
    }
    elem.className = list.join(' ').toString();
}
document.addEventListener("DOMContentLoaded", function(event) {
    var el = document.getElementsByClassName('logo')[0];
    el.rClass(['logo']);
});

如何从iframe中删除图片 - 纯javascript

2 个答案: