当前位置: 首页 > 面试题库 >

使用Javascript或jQuery将元素写入子iframe

胡元明
2023-03-14
问题内容

我有这样的事情:

<html>
  <body>
     <iframe id="someFrame"></iframe>
  </body>
</html>

而且我想使用jQuery编写元素,以使等效的HTML完全像这样:

<html>
  <body>
    <iframe id="someFrame">
      <!-- inside the iframe's content -->
      <!-- <html><body>  -->
      <div>A</div>
      <div>B</div>
      <div>C</div>
      <!-- </body></html> -->
    </iframe>
  </body>
</html>

另外,任何普通的Javascript也可以。

谢谢。

编辑 :经过更多的研究,似乎我正在寻找一个iframe的contentDocument属性的IE等效。“
contentDocument”是FF支持的W3C标准,但IE不支持。(惊喜)


问题答案:

两者都可以,您只需要针对不同的目标即可:

var ifrm = document.getElementById('myIframe');
ifrm = ifrm.contentWindow || ifrm.contentDocument.document || ifrm.contentDocument;
ifrm.document.open();
ifrm.document.write('Hello World!');
ifrm.document.close();


 类似资料:
  • 本文向大家介绍如何使用jQuery将元素插入DOM?,包括了如何使用jQuery将元素插入DOM?的使用技巧和注意事项,需要的朋友参考一下 在某些情况下,您想在现有文档中插入一个或多个新DOM元素。jQuery提供了多种在不同位置插入元素的方法。 after(content)方法将内容插入每个匹配的元素之后,而before(content)方法将内容插入每个匹配的元素之前。 后内容 after(c

  • 本文向大家介绍如何使用jQuery作为最后一个子元素插入元素?,包括了如何使用jQuery作为最后一个子元素插入元素?的使用技巧和注意事项,需要的朋友参考一下 要使用jQuery将元素作为最后一个子元素插入,请使用方法。append(content)方法将内容附加到每个匹配元素的内部。 示例 您可以尝试运行以下代码,以了解如何使用jQuery作为最后一个子元素插入元素:

  • 问题内容: 使用以下语法时,不必为每种类型的属性和事件繁琐地搜索解决方法: 有没有一种方法可以将整个HTML元素声明为字符串?喜欢: 问题答案: 创建片段然后插入该片段可能会更好,而不是直接弄乱它: 好处: 您可以使用本机DOM方法进行插入,例如insertBefore,appendChild等。 您可以在插入实际的DOM节点之前对其进行访问;您可以访问片段的childNodes对象。 使用文档片

  • demo: https://jsfiddle.net/uxc68jop/ 同样的代码在demo中没有问题,在项目中第一个元素width就失效了?

  • 本文向大家介绍jQuery 选择元素的子元素,包括了jQuery 选择元素的子元素的使用技巧和注意事项,需要的朋友参考一下 示例 要选择元素的子代,可以使用children()方法。 更改元素所有子.parent元素的颜色: 该方法接受一个可选selector参数,该参数可用于过滤返回的元素。            

  • 问题内容: 我正在尝试使用pythonselenium代码写入文本框,但是由于隐藏了文本框的父标签,因此出现错误。 我看到了Java的Javascript executor解决方法,但需要有关python脚本的类似帮助。 提前致谢!! 问题答案: 尝试以下解决方法(已在Firefox和Chrome中测试): 另一个解决方法甚至更简单(假设文本框的ID为“ XYZ”,否则使用任何可以检索它的JS代码