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的支持，使用方法：比IE8

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

年纪大了，?? .. ：

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');" 
    } 
}