I have the following HTML node structure: <div id=”foo”> <div id=”bar”></div> <div id=”baz”> <div id=”biz”></div> </div> <span></span> </div> How do I count the number of immediate children of foo, that are of type div? In the example above, the result should be two (bar and baz). 12 Answers 12
I need to set the text within a DIV element dynamically. What is the best, browser safe approach? I have prototypejs and scriptaculous available. <div id=”panel”> <div id=”field_name”>TEXT GOES HERE</div> </div> Here’s what the function will look like: function showPanel(fieldName) { var fieldNameElement = document.getElementById(‘field_name’); //Make replacement here } 14 Answers 14
I’m having an impossibly hard time finding out to get the actual DOMElement from a jQuery selector. Sample Code: <input type=”checkbox” id=”bob” /> var checkbox = $(“#bob”).click(function() { //some code } ) and in another piece of code I’m trying to determine the checked value of the checkbox. if ( checkbox.eq(0).SomeMethodToGetARealDomElement().checked ) //do something. And … Read more
While using PhoneGap, it has some default JavaScript code that uses document.addEventListener, but I have my own code which uses window.addEventListener: function onBodyLoad(){ document.addEventListener(“deviceready”, onDeviceReady, false); document.addEventListener(“touchmove”, preventBehavior, false); window.addEventListener(‘shake’, shakeEventDidOccur, false); } What is the difference and which is better to use? 4 Answers 4
I have a page where a scroll bar containing table rows with divs in them is dynamically generated from the database. Each table row acts like a link, sort of like you’d see on a YouTube playlist next to the video player. When a user visits the page, the option they are on is supposed … Read more
I have a section on our website that loads quite slowly as it’s doing some intensive calls. Any idea how I can get a div to say something similar to “loading” to show while the page prepares itself and then vanish when everything is ready? 13 Answers 13
I am able to do this: <div id=”myDiv”> <div class=”foo”></div> </div> myDiv = getElementById(“myDiv”); myDiv.querySelectorAll(“#myDiv > .foo”); That is, I can successfully retrieve all the direct children of the myDiv element that have class .foo. The problem is, it bothers me that I must include the #myDiv in the selector, because I am running the … Read more
I’m trying to loop over ALL elements on a page, so I want to check every element that exists on this page for a special class. So, how do I say that I want to check EVERY element? 11 Answers 11
I would like to get the current element (whatever element that is) in an HTML document that I clicked. I am using: $(document).click(function () { alert($(this).text()); }); But very strangely, I get the text of the whole(!) document, not the clicked element. How to get only the element I clicked on? Example <body> <div class=”myclass”>test</div> … Read more
I am looking to replace an element in the DOM. For example, there is an <a> element that I want to replace with a <span> instead. How would I go and do that? 10 Answers 10
