0

嗨，我正在学习构建 Chrome 扩展程序，并且对这个领域非常陌生。我在这里做一个非常基本的扩展，甚至在我开始主要任务之前，我就陷入了我的演示代码中。当我点击我的扩展时，我只想在我的段落标签中打印“你好”或任何消息。

这是HTML代码：

<!DOCTYPE html>
<html>
    <head>
        <title>hi</title>
        <style>
        p
        {
            color:red;
            font-size:20px;
        }
        </style>
        <script src="getMSG.js"></script>
    </head>

    <body>
        <p id='content'></p>
    </body>
</html>

这是 getMSG.js 的代码：

document.getElementById('content').innerHTML = 'Hello';

当我在 HTML 代码中简单地编写“Hello World”时，我的扩展工作得很好。但是现在当我这样做时，我根本没有输出。请问有人可以帮忙吗？提前致谢 ：）

4

2 回答 2

3

要访问 DOM 元素的属性，您需要在窗口加载时执行该操作：

// Using pure JavaScript
window.onload = function() {
    document.getElementById('content').innerHTML = 'Hello';
}
于 2013-08-25T05:30:11.527 回答
2

我测试了你的代码，但它不起作用，我认为内容页面没有完全加载，所以最好在你的“getMSG.js”中使用 jQuery 伴随这段代码：

$(document).ready(function () {
    document.getElementById('content').innerHTML = 'Hello';
});

对我来说很好。

于 2013-08-25T05:24:10.343 回答