首页html中多iframe 中元素赋值

html中多iframe 中元素赋值

时间: 2023-07-16 16:13:35 浏览: 77

在 HTML 中，可以使用 JavaScript 来获取和修改 iframe 中的元素值。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>多 iframe 中元素赋值</title> </head> <body> <iframe id="iframe1" src="iframe1.html"></iframe> <iframe id="iframe2" src="iframe2.html"></iframe> <script> // 获取 iframe1 中的元素并修改其值 var iframe1 = document.getElementById("iframe1"); var input1 = iframe1.contentWindow.document.getElementById("input1"); input1.value = "New Value 1"; // 获取 iframe2 中的元素并修改其值 var iframe2 = document.getElementById("iframe2"); var input2 = iframe2.contentWindow.document.getElementById("input2"); input2.value = "New Value 2"; </script> </body> </html> ``` 在上面的代码中，我们首先使用 `document.getElementById` 方法获取两个 iframe 元素。接下来，我们使用 `contentWindow.document.getElementById` 方法获取 iframe 内部的元素，并将其值设置为新值。请注意，由于 iframe 中的文档是另一个窗口的一部分，因此我们需要使用 `contentWindow` 属性来获取它的文档对象。

阅读全文