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 に答える