Javascript - 动态更改链接'onclick'？

Question

我有这个代码：

<div class="pButton"><a href="javascript:;" onclick="parent.window.close()"></a>

现在，我无法编辑此代码（我无法向链接添加 ID 或类.. 请注意，链接 calss 不是"pButton"，"pButton"是链接所在的div 类）并且不使用 Jquery，有没有办法让我更改 onclick 以便

onclick="javascript:OpenWindow('popup.htm');"

？

注意：我不能使用 getElementById，因为我不能给链接一个 ID 或一个类。我无法对这条线做任何事情：

<div class="pButton"><a href="javascript:;" onclick="parent.window.close()"></a>

另外，我正在使用IE8。

Answer 1

如果只有一个元素名为 pButton，或者它是第一个，请尝试以下操作：

document.getElementsByClassName('pButton')[0].children[0].onclick = "javascript:OpenWindow('popup.htm');"

IE8支持，使用：

document.querySelectorAll('.pButton')[0].children[0].onclick = "javascript:OpenWindow('popup.htm');"

早于 IE8，??, ...：

var all = context.getElementsByTagName("div");  /* for catching all div's */
for (i = 0; i < all.length; i++) {
    if (all[i].className && all[i].className == "pButton") {
        all[i].children[0].onclick = "javascript:OpenWindow('popup.htm');"
    }
}