📜  dospaly 在外部监视器上的 div 元素 (1)

📅  最后修改于: 2023-12-03 14:40:51.858000             🧑  作者: Mango

在外部显示器上监视 div 元素

如果你正在编写一个网站或 web 应用程序,并且需要在外部显示器上显示一个 div 元素,你可以使用以下代码:

<div id="my-div">这是我的 div 元素</div>

然后,你可以使用 JavaScript 来获取此元素并将其在外部显示器上显示出来。

首先,你需要在外部显示器上的 HTML 文件中添加以下代码:

<div id="output"></div>

接下来,在你的 JavaScript 文件中,你可以使用以下代码获取 div 元素并将其在外部显示器上显示出来:

// 获取要显示的 div 元素
var divToDisplay = document.getElementById("my-div");

// 获取外部显示器上的 div 元素
var outputDiv = window.parent.document.getElementById("output");

// 将要显示的 div 元素添加到外部显示器上
outputDiv.innerHTML = divToDisplay.innerHTML;

以上代码将获取 id 为“my-div”的 div 元素,并将其放入 id 为“output”的 div 元素中,该元素位于外部显示器上的 HTML 页面中。

这样,你就可以在外部显示器上看到你的 div 元素了!

需要注意的是,你必须在与外部显示器网页相同的域名下才能访问和修改外部显示器上的元素。否则,浏览器会阻止你的 JavaScript 代码执行。