gpt4 book ai didi

javascript - 无法从 Chrome 扩展中的外部 js 访问 HTML 元素

转载 作者:行者123 更新时间:2023-11-28 13:40:05 24 4
gpt4 key购买 nike

您好,我正在学习构建 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”时,我的扩展工作得很好。但现在当我这样做时,我根本没有得到任何输出。请问有人可以帮忙吗?预先感谢:)

最佳答案

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

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

关于javascript - 无法从 Chrome 扩展中的外部 js 访问 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18425752/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com