javascript - Onclick ステートメントが表示されない

Question

私はクロム拡張機能を書いています。質問とまったく同じように、JavaScript関数を呼び出すリンクを追加しようとしています。

ただし、リンクをクリックしても何も起こりません。デバッグ コンソールを見ると、「a」ノードには「onclick」プロパティがまったくなく、次のように表示されます。

<a href="#">Add to likes</a>

これは私のコードです:

function generateEntry(innerEntry) {    
    var a = document.createElement('a');
    var linkText = document.createTextNode("Add to likes");
    a.appendChild(linkText);
    a.onclick="addToLikes('" + "hello" + "')"
    a.href = "#";
    return a
}

デバッグ コンソールに「onclick」宣言を手動で追加すると、すべてが機能します。

<a href="#" onclick="addToLikes('hello2')">Add to my likes</a>

スクリプトの何が問題になっていますか?

Answer 1

onclickの関数を使用する必要があります

function generateEntry(innerEntry) {    
    var a = document.createElement('a');
    var linkText = document.createTextNode("Add to likes");
    a.appendChild(linkText);
    //a.onClick="addToLikes('" + "hello" + "')"
    a.onclick = function () {
    addToLikes('hello2');
    };
    a.href = "#";
    return a
}