【问题标题】:Hide css in iframe if text contains a specific word如果文本包含特定单词,则在 iframe 中隐藏 css
【发布时间】:2021-03-22 20:05:13
【问题描述】:

我需要隐藏一个在 iframe 中加载 javascript 元素的 div。 要隐藏的 div 必须包含文本“Next”

例子:

<div class="alignNext">
<div class="inlineBlock nextAlign" elname="next"><button class="fmSmtButton next_previous navWrapper" type="button" elname="next" onclick="gotoNextPage(this);">
<em> Siguiente </em>
</button></div></div>

我试过了

  <script>
  var divs = document.querySelectorAll(".alignNext");
Array.from(divs).forEach(function(div) {
  if (div.textContent.indexOf("Siguiente") >= 0 ) {
    div.style.display = "none";
  }
});
  </script>

但它不适用于 iframe。

iframe 代码为:

<div id="zf_div_IsBaC6OI1EsmTbQpQNijKuyc2G6W7voKPIu077b1tZY"></div><script type="text/javascript">(function() {
try{
var f = document.createElement("iframe");   
f.src = 'https://forms.zohopublic.eu/how/form/SACMDPAGINADO/formperma/IsBaC6OI1EsmTbQpQNijKuyc2G6W7voKPIu077b1tZY?zf_rszfm=1';
f.style.border="none";                                           
f.style.height="278px";
f.style.width="90%";
f.style.transition="all 0.5s ease";// No I18N
var d = document.getElementById("zf_div_IsBaC6OI1EsmTbQpQNijKuyc2G6W7voKPIu077b1tZY");
d.appendChild(f);
window.addEventListener('message', function (){
var zf_ifrm_data = event.data.split("|");
var zf_perma = zf_ifrm_data[0];
var zf_ifrm_ht_nw = ( parseInt(zf_ifrm_data[1], 10) + 15 ) + "px";
var iframe = document.getElementById("zf_div_IsBaC6OI1EsmTbQpQNijKuyc2G6W7voKPIu077b1tZY").getElementsByTagName("iframe")[0];
if ( (iframe.src).indexOf('formperma') > 0 && (iframe.src).indexOf(zf_perma) > 0 ) {
var prevIframeHeight = iframe.style.height;
if ( prevIframeHeight != zf_ifrm_ht_nw ) {
iframe.style.height = zf_ifrm_ht_nw;
}   
}
}, false);
}catch(e){}
})();</script>

您可以在https://codepen.io/dlopezros/pen/GRjrgwQ查看该项目

感谢您的帮助。

【问题讨论】:

    标签: javascript jquery css dom iframe


    【解决方案1】:

    让我们试试这个

    JQuery(".alignNext").css("display","none");
    

    【讨论】:

    • 它不起作用,因为它只有在包含“Next”这个词时才应该隐藏
    • 你能在javascript代码中找到next这个词吗?还是发送那段代码?
    • 你能解释一下你的问题吗?我需要帮助,谢谢
    • 能否请您清除一下“Next”一词在 javascript 代码中的加载位置?您可以发送包含代码的链接或图像吗?我在 iframe 代码中看不到下一个
    • 你可以在codepen.io/dlopezros/pen/GRjrgwQ看到这个项目
    猜你喜欢
    • 2012-07-11
    • 1970-01-01
    • 2021-01-27
    • 1970-01-01
    • 2021-03-13
    • 1970-01-01
    • 2018-03-29
    • 2013-08-21
    • 1970-01-01
    相关资源
    最近更新 更多