js 如何往iframe中添加一个div

可以使用以下代码将一个 div 元素添加到 iframe 中：

// 获取 iframe 元素
const iframe = document.getElementById('my-iframe');

// 在 iframe 中创建 div 元素
const div = iframe.contentDocument.createElement('div');

// 设置 div 元素的样式
div.style.width = '100px';
div.style.height = '100px';
div.style.backgroundColor = '#f00';

// 将 div 元素添加到 iframe 中
iframe.contentDocument.body.appendChild(div);

其中，`my-iframe` 是 iframe 元素的 id，可以根据实际情况进行修改。在获取 iframe 的 document 对象时，需要使用 `contentDocument` 属性而不是 `document` 属性。因为 iframe 本身也是一个文档，有自己的 document 对象。

相关问题

js 创建一个iframe 并插入一个div元素

可以使用以下代码创建一个 iframe 元素，并且在其中插入一个 div 元素：

// 创建 iframe 元素
const iframe = document.createElement('iframe');

// 设置 iframe 的属性
iframe.src = 'about:blank';
iframe.width = '300';
iframe.height = '200';
iframe.frameBorder = '0';

// 将 iframe 插入到页面中
document.body.appendChild(iframe);

// 获取 iframe 中的 document 对象
const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

// 在 iframe 中创建 div 元素
const div = iframeDoc.createElement('div');

// 设置 div 元素的样式
div.style.width = '100px';
div.style.height = '100px';
div.style.backgroundColor = '#f00';

// 将 div 元素添加到 iframe 中
iframeDoc.body.appendChild(div);

其中，`about:blank` 是 iframe 的初始 URL，`300` 和 `200` 分别是 iframe 的宽度和高度。在获取 iframe 的 document 对象时，需要考虑浏览器兼容性，所以使用了 `contentDocument` 和 `contentWindow.document` 两种方式。最后，将创建好的 iframe 元素和 div 元素插入到页面中。

iframe的body中添加div

你可以使用Selenium来操作iframe的body并在其中添加div元素。首先，你需要切换到iframe的上下文中，然后找到iframe中的body元素，并执行相应的操作。以下是一个示例代码：

# 切换到iframe的上下文
driver.switch_to.frame("iframe_name")

# 找到iframe中的body元素
body_element = driver.find_element_by_tag_name("body")

# 在body中添加div元素
script = "var div = document.createElement('div'); div.textContent = 'Hello, div!'; arguments[0].appendChild(div);"
driver.execute_script(script, body_element)

# 切换回默认的文档上下文
driver.switch_to.default_content()

在上述代码中，你需要将"iframe_name"替换为实际的iframe名称或其他定位方式。然后，通过`driver.find_element_by_tag_name("body")`找到iframe中的body元素。接下来，使用`execute_script()`方法执行JavaScript脚本来在body中添加div元素。最后，使用`switch_to.default_content()`切换回默认的文档上下文。

请注意，上述示例是使用Python编写的Selenium代码，你可以根据自己使用的编程语言和测试框架进行相应的调整。