Assuming that structure is static you can do this: var mainDiv = document.getElementById(‘mainDiv’), childDiv = mainDiv.getElementsByTagName(‘div’)[0], requiredDiv = childDiv.getElementsByTagName(‘div’)[1]; Further reading: .getElementsByTagName() (from MDN).
document.all is a proprietary Microsoft extension to the W3C standard. getElementById() is standard – use that. However, consider if using a js library like jQuery would come in handy. For example, $(“#id”) is the jQuery equivalent for getElementById(). Plus, you can use more than just CSS3 selectors.
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
It’s document.getElementById() and not document.getElementByID(). Check the casing for Id.
Also be careful how you execute the js on the page. For example if you do something like this: (function(window, document, undefined) { var foo = document.getElementById(“foo”); console.log(foo); })(window, document, undefined); This will return null because you’d be calling the document before it was loaded. Use window.onload to wait for the dom nodes to load: … Read more
Theres no shorthand way in vue 2. Jeff’s method seems already deprecated in vue 2. Heres another way u can achieve your goal. var app = new Vue({ el:’#app’, methods: { showMyDiv() { console.log(this.$refs.myDiv); } } }); <script src=”https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js”></script> <div id=’app’> <div id=”myDiv” ref=”myDiv”></div> <button v-on:click=”showMyDiv” >Show My Div</button> </div>
Anyway, this method seems to be quite poorly documented, and In fact, the sources I come across don’t even give it a mention […] Reliance on implicitly-declared global variables aside, the lack of documentation is a great reason not to use it. The apparent promotion of id values into global variables isn’t standards compliant (the … 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.
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);
document.getElementById(‘myframe1’).contentWindow.document.getElementById(‘x’) Fiddle contentWindow is supported by all browsers including the older versions of IE. Note that if the iframe‘s src is from another domain, you won’t be able to access its content due to the Same Origin Policy.