从 JavaScript Embed 编辑 CSS 样式删除 JotForm 页脚

如何解决从 JavaScript Embed 编辑 CSS 样式删除 JotForm 页脚

我是 Web 开发的新手，您的解决方案的详细演练会很棒。我花了过去几天的时间试图找出这个问题。简单地说，我想从嵌入中按类隐藏元素。在这种情况下，类是 formFooter-content 并且我想隐藏它。还有没有办法保证在嵌入渲染后函数会触发，以避免未定义的变量？

var ifr = document.getElementById("jotformIFrame-211257510373044");
if (ifr) {
  var src = ifr.src;
  var iframeParams = [];
  if (window.location.href && window.location.href.indexOf("?") > -1) {
    iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&'));
  }
  if (src && src.indexOf("?") > -1) {
    iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&"));
    src = src.substr(0,src.indexOf("?"))
  }
  iframeParams.push("isIframeEmbed=1");
  ifr.src = src + "?" + iframeParams.join('&');
}
window.handleIFrameMessage = function(e) {
  if (typeof e.data === 'object') {
    return;
  }
  var args = e.data.split(":");
  if (args.length > 2) {
    iframe = document.getElementById("jotformIFrame-" + args[(args.length - 1)]);
  } else {
    iframe = document.getElementById("jotformIFrame");
  }
  if (!iframe) {
    return;
  }
  switch (args[0]) {
    case "scrollIntoView":
      iframe.scrollIntoView();
      break;
    case "setHeight":
      iframe.style.height = args[1] + "px";
      break;
    case "collapseErrorPage":
      if (iframe.clientHeight > window.innerHeight) {
        iframe.style.height = window.innerHeight + "px";
      }
      break;
    case "reloadPage":
      window.location.reload();
      break;
    case "loadScript":
      if (!window.isPermitted(e.origin,['jotform.com','jotform.pro'])) {
        break;
      }
      var src = args[1];
      if (args.length > 3) {
        src = args[1] + ':' + args[2];
      }
      var script = document.createElement('script');
      script.src = src;
      script.type = 'text/javascript';
      document.body.appendChild(script);
      break;
    case "exitFullscreen":
      if (window.document.exitFullscreen) window.document.exitFullscreen();
      else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen();
      else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen();
      else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen();
      else if (window.document.msExitFullscreen) window.document.msExitFullscreen();
      break;
  }
  var isjotform = (e.origin.indexOf("jotform") > -1) ? true : false;
  if (isjotform && "contentwindow" in iframe && "postMessage" in iframe.contentwindow) {
    var urls = {
      "docurl": encodeURIComponent(document.URL),"referrer": encodeURIComponent(document.referrer)
    };
    iframe.contentwindow.postMessage(JSON.stringify({
      "type": "urls","value": urls
    }),"*");
  }
};
window.isPermitted = function(originUrl,whitelisted_domains) {
  var url = document.createElement('a');
  url.href = originUrl;
  var hostname = url.hostname;
  var result = false;
  if (typeof hostname !== 'undefined') {
    whitelisted_domains.forEach(function(element) {
      if (hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element) {
        result = true;
      }
    });
    return result;
  }
}
if (window.addEventListener) {
  window.addEventListener("message",handleIFrameMessage,false);
} else if (window.attachEvent) {
  window.attachEvent("onmessage",handleIFrameMessage);
}

<iframe id="jotformIFrame-211257510373044" title="Speak With Us Application" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/211257510373044" frameborder="0"
  style="
      min-width: 100%;
      height:539px;
      border:none;" scrolling="no">
    </iframe>