Well, first you need to select the elements with a function like getElementById. var targetDiv = document.getElementById(“foo”).getElementsByClassName(“bar”)[0]; getElementById only returns one node, but getElementsByClassName returns a node list. Since there is only one element with that class name (as far as I can tell), you can just get the first one (that’s what the [0] … Read more
Nope. …But you can, though: Element.prototype.getElementById = function(id) { return document.getElementById(id); } Try it on this page: var x = document.getElementById(‘footer’).getElementById(‘copyright’); Edit: As Pumbaa80 pointed out, you wanted something else. Well, here it is. Use with caution. Element.prototype.getElementById = function(req) { var elem = this, children = elem.childNodes, i, len, id; for (i = 0, … Read more
You can use the querySelector for that: document.querySelector(‘[id^=”poll-“]’).id; The selector means: get an element where the attribute [id] begins with the string “poll-“. ^ matches the start * matches any position $ matches the end jsfiddle
getElementsByClassName() returns a nodeList HTMLCollection*. You are trying to operate directly on the result; you need to iterate through the results. function change_boxes() { var boxes = document.getElementsByClassName(‘boxes’), i = boxes.length; while(i–) { boxes[i].style.backgroundColor = “green”; } } * updated to reflect change in interface
var iframe = $(‘iframe’); // or some other selector to get the iframe $(‘[tokenid=’ + token + ‘]’, iframe.contents()).addClass(‘border’); Also note that if the src of this iframe is pointing to a different domain, due to security reasons, you will not be able to access the contents of this iframe in javascript.
The problem is that you are trying to access the element before it exists. You need to wait for the page to be fully loaded. A possible approach is to use the onload handler: window.onload = function () { var e = document.getElementById(“db_info”); e.innerHTML=’Found you’; }; Most common JavaScript libraries provide a DOM-ready event, though. … Read more
At the point you are calling your function, the rest of the page has not rendered and so the element is not in existence at that point. Try calling your function on window.onload maybe. Something like this: <html> <head> <title></title> <script type=”text/javascript”> window.onload = function(){ var refButton = document.getElementById(“btnButton”); refButton.onclick = function() { alert(‘I am … Read more
You’re looking for parentNode, which Element inherits from Node: parentDiv = pDoc.parentNode; Handy References: DOM2 Core specification – well-supported by all major browsers DOM2 HTML specification – bindings between the DOM and HTML DOM3 Core specification – some updates, not all supported by all major browsers HTML5 specification – which now has the DOM/HTML bindings … Read more
You have to put this in a document load event. The DOM hasn’t gotten to abc by the time the script is executed.
I think the easiest approach would be to just check that el is not null before adding an event listener: var el = document.getElementById(‘overlayBtn’); if(el){ el.addEventListener(‘click’, swapper, false); }