在Javascript中,可以通过以下步骤在当前文档之外的另一个文档中更改DOM元素:
document.createElement()
方法创建一个新的DOM元素,或者使用document.getElementById()
等方法获取已存在的DOM元素。document.createDocumentFragment()
方法创建一个文档片段,该片段可以在内存中存储DOM元素。appendChild()
方法将元素添加到文档片段中。window.open()
方法打开一个新的窗口或标签页,并使用window.document
属性获取该文档对象。document.getElementById()
等方法获取目标DOM元素。appendChild()
方法将元素添加到目标DOM元素中。以下是一个示例代码:
// 创建一个新的DOM元素
var newElement = document.createElement('p');
newElement.textContent = 'Hello, World!';
// 创建一个文档片段
var fragment = document.createDocumentFragment();
fragment.appendChild(newElement);
// 获取目标文档
var targetWindow = window.open('目标文档的URL');
var targetDocument = targetWindow.document;
// 在目标文档中获取目标DOM元素
var targetElement = targetDocument.getElementById('targetElementId');
// 将文档片段中的DOM元素添加到目标文档中的目标DOM元素中
targetElement.appendChild(fragment);
请注意,由于安全性限制,跨域的情况下无法直接访问其他文档的DOM元素。以上示例假设目标文档与当前文档在同一域名下。如果目标文档与当前文档不在同一域名下,将会遇到跨域访问的限制,需要通过其他方式进行通信,例如使用postMessage()方法进行跨文档通信。
领取专属 10元无门槛券
手把手带您无忧上云