Question

我正在构建chrome / firefox Web扩展。当用户点击扩展程序弹出窗口中的按钮时，扩展程序的用户界面会发生变化。

这是一个直观的例子：

在按下三个按钮之一之前：

按下三个按钮之一后：

从屏幕截图中可以看出，按下按钮后，会创建textarea。

这是执行该操作的代码（当按下三个原始按钮之一时调用此函数）：

function createSummaryBox(summary) {
    console.log("Setting textarea content to: " + summary)
    window.location.href = "../summary_page/summary_page.html";
    document.getElementById('summary-field').value = summary;
}

但是，即使调用此函数，textarea内的内容也不会更改。

相反，我收到以下错误：

TypeError：document.getElementById（...）为null

以下是＆＃34; summary_page.html＆＃34;的代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../common/common_styles.css" />
    <link rel="stylesheet" href="summary_page.css" />
</head>

<body>
    <div class = container>
        <textarea class="summary-field" type="text" disabled="disabled" id = "summary-field"></textarea>
        <div class="btn-group">
            <button class="btn">Back</button>
            <button class="btn">Copy</button>
            <button class="btn">Enlarge</button>
            <script src="summary_page.js"></script>
        </div>
    </div>
</body>

</html>

此外，＆＃34; summary_page.js＆＃34;的唯一内容;是console.log("Summary Page Loaded);，打印到控制台。

我该如何解决这个问题？

如何在不同的HTML文件中设置textarea的值？

0 个答案: