Javascript - dynamically change 'onclick' of link?

Question

I have this code:

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

Now, I cannot edit this code (I cannot add an ID or class to the link.. notice that the links calss is not 'pButton', 'pButton' is the div's class which the link is inside) and Without using Jquery, is there a way for me to change the onclick so that

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

?

Note: I cannot use getElementById since I cannot give the link an ID or a class. I cannot do anything to the line:

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

Also, I am using IE8.

I think you are looking for this: http://stackoverflow.com/a/15097337/3378621 — Mike Bovenlander, Mar 04 '14 at 14:13

Asons · Answer 1 · 2014-03-04T14:53:37.103

1

If only one element with the name pButton, or it is the first, try this:

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

IE8 support, use:

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

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

edited Mar 04 '14 at 14:53

answered Mar 04 '14 at 14:20

Asons

84,923
12
110
165

Fixed your `querySelector` for you - you were looking for a `` element :p – Niet the Dark Absol Mar 04 '14 at 14:44
Also, note that `.children[0]` is more reliable than `.childNodes[0]`, because even a simple new line between the start of the element and the target node will mess `childNodes` up. – Niet the Dark Absol Mar 04 '14 at 14:50
updated. but is children[] supported in older IE, <= 8, ? – Asons Mar 04 '14 at 14:55
[Yes](http://quirksmode.org/dom/core/#t81), but in older IE comment nodes are counted as children too – Niet the Dark Absol Mar 04 '14 at 14:56

Javascript - dynamically change 'onclick' of link?

1 Answers1