时间戳

首页 > 解决方案 > 如何更改 popup.html 的 DOM？

google-chrome-extension - 如何更改 popup.html 的 DOM？

问题描述

我正在尝试在我的 Google Chrome 扩展程序中编辑 Popup.html 的 DOM。我尝试使用以下方法在 popup.js 中访问它：

document.getElementById("Example").value = "Hello";

但这似乎无济于事。我应该从不同的脚本（即后台脚本）或通过不同的方法访问它吗？

我的扩展程序运行良好，并且 popup.js 文件按预期运行，除了上面的行。

这是我的 popup.html 文件：

<!DOCTYPE html>
<html>
  <head>
    <style>
      button {
        height: 30px;
        width: 100px;
        outline: none;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <button id="Example">N/A</button>
    <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase.js"></script>
    <script src="popup.js"></script>


</body>
</html>

感谢所有帮助。

标签： google-chrome-extension

解决方案

我设法通过改变来解决这个问题

document.getElementById("Example").value = "Hello";

至

document.getElementById("Example").innerHTML = "Hello";

推荐阅读