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/