无法在Chrome Extension中从外部js访问HTML元素

Question

嗨，我正在学习构建Chrome扩展程序，并且对该领域来说是一个新手。 我正在这里进行非常基本的扩展，甚至在开始执行主要任务之前，我就一直停留在演示代码中。 当我单击扩展名时，我只是希望在段落标签中打印“ hello”或任何消息。

这是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”时，我的扩展工作正常。 但是现在，当我这样做时，我什么都没有输出。 请有人帮忙吗？ 提前致谢：）

Answer 1

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

// Using pure JavaScript
window.onload = function() {
    document.getElementById('content').innerHTML = 'Hello';
}

Answer 2

我已经测试了您的代码，但无法正常工作，我认为内容页面未完全加载，因此，在您的“ getMSG.js”中将此代码与jQuery一起使用是首选方法：

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

对我来说很好。

无法在Chrome Extension中从外部js访问HTML元素

问题描述

2 个解决方案

解决方案1
3 已采纳 2013-08-25 05:30:11

解决方案2
2 2013-08-25 05:24:10

无法在Chrome Extension中从外部js访问HTML元素

问题描述

2 个解决方案

解决方案1 3 已采纳 2013-08-25 05:30:11

解决方案2 2 2013-08-25 05:24:10

解决方案1
3 已采纳 2013-08-25 05:30:11

解决方案2
2 2013-08-25 05:24:10