Javascript：將內聯代碼注入html標簽

Question

我想將我的Google Analytics（分析）跟蹤事件代碼內聯添加到我的輸入 html標簽中：

<input class="addtobag">

有東西

<input class="addtobag" onClick="_gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']);">

我問這個問題是因為我無權訪問包含標記的文件，所以我無法手動進行更改，因此我正在尋找將放在頭部的javascript代碼，以便在加載該頁面時，跟蹤事件代碼將自動注入。

我希望調用是通過輸入類而不是id進行的 。

Answer 1

為什么要內聯？

document.getElementById('ctl00_mainContentPlaceHolder_lvLookProducts_ctrl0_buyArea3493_btnAddToCart').onclick = function () {
    _gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']);
};

---

要按類名進行操作，您需要做更多的邏輯：

var inputs = document.getElementsByClassName('AddToBag'),
    i = inputs.length;

while(i--) {
    inputs[i].onclick = function () {
        _gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']);
    }; 
}

按類名獲取將返回一個列表，因此您必須循環遍歷以應用處理程序。

Answer 2

jQuery是您的朋友。

如何使用jQuery替換div的innerHTML？

$("#regTitle").html("Hello World");

編輯

猜猜我沒有讀過這個，但還是一樣的原理。

$(".addtobag").click(_gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']));

http://api.jquery.com/click/