如果文本包含特定单词，则在 iframe 中隐藏 css

Posted 2023-05-08

【中文标题】如果文本包含特定单词，则在 iframe 中隐藏 css

【英文标题】：Hide css in iframe if text contains a specific word

【发布时间】：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.;
f.style.;
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查看该项目

感谢您的帮助。

【参考方案1】：

让我们试试这个

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

【讨论】：

它不起作用，因为它只有在包含“Next”这个词时才应该隐藏

你能在javascript代码中找到next这个词吗？还是发送那段代码？

你能解释一下你的问题吗？我需要帮助，谢谢

能否请您清除一下“Next”一词在 javascript 代码中的加载位置？您可以发送包含代码的链接或图像吗？我在 iframe 代码中看不到下一个

你可以在codepen.io/dlopezros/pen/GRjrgwQ看到这个项目