It's in the same vein as the answer given by user2795540 and involves an array iterator. Example: i want to get an element with tag name as “span”, id as “menu”, class as “ext”. While parent is non-null: If slottable is non-null: Assert: parent is a slot. You can fetch the parent class by adding the line below. But what if your using class to determine the state of that element. Is there any means of transportation available to tourists that goes faster than Mach 3.5? How can I remove a specific item from an array? @spyderman4g63 I did not talk about anything YUI2 specific. I know this question is a few years old and there have been a few answers to this but I thought I would add my solution just in case it helps anyone. edit: I'm sorry it uses tag name. It provides a platform- and language-neutral wire protocol as a way for out-of-process programs to remotely instruct the behavior of web browsers. Toggle between class names on different scroll positions - When the user scrolls down 50 pixels from the top, the class name "test" will be added to an element … Then you can get the span child nodes using getElementsByTagName, and loop through them to find the one with the right class: In my opinion, each time you can, you should use Array and its methods. But be aware that old browsers doesn't support getElementsByClassName. It is used to find an element and returns a first matching single WebElement reference, that can be used for future element actions . What is this logical fallacy? I was wondering if browsers finally had this functionality without requiring something like jQuery, glad to see it. How would I bias my binary classifier to prefer false positive errors over false negatives? But you have to add the dot next to the class name querySelector('.sonClassName'), otherwise it will handle it as sonClassName is a tag name not a class name. […]. get ('input[name="firstName"]'). When called on the document object, the complete document is searched, including the root node. Why are/were there almost no tricycle-gear biplanes? rev 2021.1.21.38376, Stack Overflow works best with JavaScript enabled, Where developers & technologists share private knowledge with coworkers, Programming & related technical career opportunities, Recruit tech talent & build your employer brand, Reach developers & technologists worldwide. Use the name of the id with the getElementById, no # sign before it. $(“.classA”) – selects all elements that have an class name of ‘classA’, regardless of its tag name. To me it seemed like the question was to always get the fourth span child, thus leading to my answer. I have one question, What below selection will do? If so, you can just do this: This last one ensures that there are not any hidden nodes that could mess it up. base The base URI of the Element (xml:base or HTML base URL). @Prinzhorn I do not have the YUI2 selector utility available in this product for some reason. Let parent be the result of invoking target’s get the parent with event. They are much, much faster then looping over the whole DOM / wrapper, or pushing stuff into empty array. Lets assume: your coworkers to find and share information. YUI2 has a cross-browser implementation of getElementsByClassName. Does it make sense to get a second mortgage on a second property for Buy to Let. https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector, developer.mozilla.org/en-US/docs/Web/API/Document/…, https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find, Episode 306: Gaming PCs to heat your home, oceans to cool your data centers. The parent() method returns the direct parent element of the selected element. In my case is set doc as a yui dom object and then use doc.getElementsByClassName. Also, sometimes we want any child that contains a className. Why do wet plates stick together with a relatively high force? In HTML, “id” should be unique in your page. The DOM tree: This method only traverse a single level up the DOM tree. An element ’s in-view center point is the origin position of the rectangle that is the intersection between the element’s first DOM client rectangle and the initial viewport . In this drawing of the Avengers, who's the guy on the right? For more info, visit: https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector. It will fail if the element has more than one class though. Did Barry Goldwater claim peanut butter is good shaving cream? Nonetheless, Then you can use querySelectorAll on the parent