Can multiple different HTML elements have the same ID if they’re different elements?
No. Element IDs should be unique within the entire document.
dom
Detect changes in the DOM
Ultimate approach so far, with smallest code: (IE11+, FF, Webkit) Using MutationObserver and falling back to the deprecated Mutation events if needed: (Example below if only for DOM changes concerning nodes appended or removed) var observeDOM = (function(){ var MutationObserver = window.MutationObserver || window.WebKitMutationObserver; return function( obj, callback ){ if( !obj || obj.nodeType !== 1 … Read more
How to make JavaScript execute after page load?
These solutions will work: As mentioned in comments use defer: <script src=”deferMe.js” defer></script> or <body onload=”script();”> or document.onload = function … or even window.onload = function … Note that the last option is a better way to go since it is unobstrusive and is considered more standard.
How do I select text nodes with jQuery?
jQuery doesn’t have a convenient function for this. You need to combine contents(), which will give just child nodes but includes text nodes, with find(), which gives all descendant elements but no text nodes. Here’s what I’ve come up with: var getTextNodesIn = function(el) { return $(el).find(“:not(iframe)”).addBack().contents().filter(function() { return this.nodeType == 3; }); }; getTextNodesIn(el); … Read more
Include another HTML file in a HTML file
Include another HTML file in a HTML file
How do I set/unset a cookie with jQuery?
Update April 2019 jQuery isn’t needed for cookie reading/manipulation, so don’t use the original answer below. Go to https://github.com/js-cookie/js-cookie instead, and use the library there that doesn’t depend on jQuery. Basic examples: // Set a cookie Cookies.set(‘name’, ‘value’); // Read the cookie Cookies.get(‘name’) => // => ‘value’ See the docs on github for details. Before … Read more
How do I get the value of text input field using JavaScript?
There are various methods to get an input textbox value directly (without wrapping the input element inside a form element): Method 1: document.getElementById(‘textbox_id’).value to get the value of desired box For example, document.getElementById(“searchTxt”).value; Note: Method 2,3,4 and 6 returns a collection of elements, so use [whole_number] to get the desired occurrence. For the first … Read more
Why is setTimeout(fn, 0) sometimes useful?
In the question, there existed a race condition between: The browser’s attempt to initialize the drop-down list, ready to have its selected index updated, and Your code to set the selected index Your code was consistently winning this race and attempting to set drop-down selection before the browser was ready, meaning that the bug would … Read more
How can I tell if a DOM element is visible in the current viewport?
Now most browsers support getBoundingClientRect method, which has become the best practice. Using an old answer is very slow, not accurate and has several bugs. The solution selected as correct is almost never precise. This solution was tested on Internet Explorer 7 (and later), iOS 5 (and later) Safari, Android 2.0 (Eclair) and later, BlackBerry, … Read more
Do DOM tree elements with IDs become global properties?
What is supposed to happen is that ‘named elements’ are added as apparent properties of the document object. This is a really bad idea, as it allows element names to clash with real properties of document. IE made the situation worse by also adding named elements as properties of the window object. This is doubly … Read more