iframe 添加dom

可以使用 JavaScript 操作 DOM，向 iframe 中添加元素。

首先，需要获取到 iframe 的 DOM 对象，可以通过以下方式获取：

var iframe = document.getElementById('myIframe');
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

然后，在获取到 iframe 的 DOM 对象后，就可以向其中添加元素了，例如：

var p = iframeDocument.createElement('p');
p.innerHTML = '这是添加的内容';
iframeDocument.body.appendChild(p);

这段代码会在 iframe 中添加一个 `<p>` 元素，并且设置其内容为“这是添加的内容”。注意，iframe 必须在同域中，否则会出现跨域问题。

相关问题

获取iframe的dom元素

要获取iframe的DOM元素，您可以使用以下步骤：

1. 使用JavaScript中的`document.querySelector()`或`document.getElementById()`方法选择iframe元素。例如，如果您的iframe具有id为"myIframe"，则可以使用以下代码获取它：

var iframe = document.querySelector("#myIframe");

或者

var iframe = document.getElementById("myIframe");

2. 确保在您尝试访问iframe的DOM之前，iframe已经加载完毕。可以通过添加`onload`事件监听器来确保iframe加载完毕。例如：

iframe.onload = function() {
  // 在这里访问iframe的DOM元素
};

3. 一旦iframe加载完毕，您就可以使用`contentDocument`属性来访问其内容的DOM。例如，要获取iframe内部的body元素，可以使用以下代码：

var iframeBody = iframe.contentDocument.body;

请注意，由于同源策略的限制，如果iframe加载的内容位于不同的域名下，您将无法直接访问其内容的DOM。在这种情况下，您需要确保该域名允许跨域访问，并使用其他方法（例如postMessage）与iframe进行通信。

vue 获取iframe里面的dom元素

在Vue中获取iFrame里面的DOM元素是一项非常基础但也很重要的技能，因为iFrame可以让我们实现各种嵌套应用，比如实现插入别人的网页，或者是嵌套各种应用。在Vue中获取iFrame里面的DOM元素有以下几种方法：

1. 通过ref获取iFrame的DOM元素

在Vue中我们可以通过在iFrame标签上添加ref属性来获取iFrame里面的DOM元素，具体实现如下：

<iframe ref="myIframe" src="http://www.baidu.com"></iframe>

然后我们可以通过以下代码获取iFrame里面的DOM元素：

this.$refs.myIframe.contentWindow.document.getElementById('domId')

其中，`$refs`是Vue中用于获取DOM元素的属性，我们可以通过`contentWindow.document`来获取iFrame里面的DOM元素。

2. 通过window.frames获取iFrame的DOM元素

我们也可以通过window.frames来获取iFrame里面的DOM元素，具体实现如下：

window.frames[0].document.getElementById('domId')

其中`window.frames[0]`代表的是第一个iFrame元素，我们也可以通过`window.frames[i]`来获取其他的iFrame元素。

在Vue中获取iFrame里面的DOM元素是一项非常基础但也很重要的技能，我们可以根据具体的应用场景来选择合适的方法来获取iFrame里面的DOM元素，以实现我们需要的功能。