Make sure the script is placed in the bottom of the BODY element of the document you’re trying to manipulate, not in the HEAD element or placed before any of the elements you want to “get”. It does not matter if you import the script or if it’s inline, the important thing is the placing. … Read more
At the time window is loaded the body isn’t still loaded therefore you should correct your code in the following manner: <script type=”text/javascript”> window.onload = function(){ window.document.body.onload = doThis; // note removed parentheses }; function doThis() { if (document.getElementById(“myParagraph”)) { alert(“It worked!”); } else { alert(“It failed!”); } } </script> Tested to work in FF/IE/Chrome, … Read more
document.getElementById() only supports one name at a time and only returns a single node not an array of nodes. You have several different options: You could implement your own function that takes multiple ids and returns multiple elements. You could use document.querySelectorAll() that allows you to specify multiple ids in a CSS selector string . … Read more
You can use the script tag like this: <script defer> // your JavaScript code goes here </script> The JavaScript will apply to all elements after everything is loaded.
Id must be unique. You should use class instead and then make use of document.getElementsByClassName(‘className’); var video = document.getElementsByClassName(‘vid’); var myFunction = function() { // Reset the video to this.currentTime = 0; // And play again this.load(); }; for (var i = 0; i < video.length; i++) { video[i].addEventListener(‘ended’, myFunction, false); }
Your HTML is invalid (no closing form tags). When is doubt paste your HTML into JSFiddle and look for any red-highlighted elements. As the ID’ed elements are forms it is having problems with the page. If you close the first form element the second one is found fine.
The cross-browser equivalent to contentDocument (including Firefox itself, where contentDocument does work) is contentWindow.document. So try: alert(document.getElementById(‘iView’).contentWindow.document); contentWindow gets you a reference to the iframe’s window object, and of course .document is just the DOM Document object for the iframe. Here’s an article that summarizes better.
You can use: if (parentGuest.nextSibling) { parentGuest.parentNode.insertBefore(childGuest, parentGuest.nextSibling); } else { parentGuest.parentNode.appendChild(childGuest); } But as Pavel pointed out, the referenceElement can be null/undefined, and if so, insertBefore behaves just like appendChild. So the following is equivalent to the above: parentGuest.parentNode.insertBefore(childGuest, parentGuest.nextSibling);
Use DOMParser() to convert responseText into a searchable DOM tree. Also, your attempts to search/use anything derived from responseText, must occur inside the onload function. Use code like this: GM_xmlhttpRequest ( { … onload: parseAJAX_ResponseHTML, … } ); function parseAJAX_ResponseHTML (respObject) { var parser = new DOMParser (); var responseDoc = parser.parseFromString (respObject.responseText, “text/html”); console.log … Read more
It is not good to use custom attributes in the HTML. If any, you should use HTML5’s data attributes. Nevertheless you can write your own function that traverses the tree, but that will be quite slow compared to getElementById because you cannot make use of any index: function getElementByAttribute(attr, value, root) { root = root … Read more