javascript get parent element by class

The querySelector()allows you to find the first element, which is a descendant of the parent element on which it is invoked, that matches a CSS selector or a group of CSS selectors. Today I want to show you 2 ways how you can use Vanilla JavaScript to get the child elements, even when you don’t know what’s in the parent element. Keep the script simple, and just get every parent element every time. The node.parentNode returns the read-only parent node of a specified node or null if it does not exist. Will return itself or the matching ancestor. When overriding another method: We can use super.method() in a Child method to call Parent method. Last updated: 2020-09-07. The following picture displays the CSS box model that includes a block element with content, padding, border, and margin: This is why you use class to group elements of same type. All Right Reserved. Here's how to get element in a HTML. classList. The element on which it is called will be used as the root of the search. Given an HTML document and the task is to get the parent class of an element with the help of given class name. Insert a Node before the first Child Node of an Element, Insert a Node after the last Child Node of an Element. Class are represented with .classname dot followed by class name in CSS. version added: 1.0.parent( [selector ] ) selector. If no match is found then it will return null. The getElementsByClassName() method returns a collection of an element's child elements with the specified class name, as a NodeList object. I am shared few simple examples here explaining how you can use the method to extract all the li elements. The nodes can be accessed by index numbers. The .closest and .find selectors are complements of each other and used together are the best way to get to the corresponding element of where the click (or any event) occurred.. From the documentation (paraphrased):. The classList property is read-only, however, you can modify it by using the add () and remove () methods. To convert the NodeList to an array, you use the Array.from() method like this: Suppose that you have the following HTML document: The universal selector denoted by * that matches all elements of any type: The following example uses the querySelector() selects the first element in the document: And this example finds all elements in the document: To select elements by node name, you use the type selector e.g., a selects all elements: The following example finds the first h1 element in the document: And the following example finds all h2 elements: To find the element with a given class attribute, you use the class selector syntax: The following example finds the first element with the menu-item class: And the following example finds all elements with the menu class: To select an element based on the value of its id, you use the id selector syntax: The following example finds the first element with the id #logo: Since the id should be unique in the document, the querySelectorAll() is not relevant. DOM: Get Elements by ID, Tag, Name, Class, CSS Selector. Definition and Usage. Select the particular child based on index. I know it has the functionality to get the closest element with a selector. The nodes can be accessed by index numbers. The Property “children” returns a collection of child elements of a specified (parent) element. Summary: in this tutorial, you will learn how to get the parent node of an element by using the JavaScript parentNode attribute of the Node object. To do the same in jQuery, try element.parent() . … First, select the element with the .note class by using the querySelector() method. 3. Example: i want to get an element with tag name as “span”, id as “menu”, class as “ext”. To accomplish this in JavaScript, try element.parentNode . The index starts at 0. $( ".img-caption" ) .parent() .addClass( "has-img-caption" ); The above code will select the immediate element wrapping the image, regardless of the element type, adding the has-img-caption class to give us more control over the element selection and styles, as follows. Use JavaScript getElementsByTagName() with getAttribute() method to allow select an element by its tag name and attribute. The index starts at 0. You will find it easy to learn JavaScript if you’re familiar with Java. Can JavaScript parent and child classes have a method with the same name? But do you know how it works with Vanilla JavaScript? 5. If you had an id, it would be easier with getElementById. 1. elements is a live HTMLCollection of found elements. There are many ways to get the size of an HTML element in JavaScript. According to DOM level 4 specs, which is the current version in development, there are some new handy mutation methods available: append() , prepend() , before() , after() , replace() , and remove() . In JavaScript id’s and classes are totally different. which works. can i get an element of specific tag name, id and class without using jQuery? Approach 1: The on() method is used to select the event handler for selected elements. The method elem.closest(css) looks for the nearest ancestor that matches the CSS-selector. How to get the width of a div element using jQuery? Provide an option to filter parent elements by a selector (only returning parent elements that have a class of .pick-me, for example. ☰ ⛌ Get All the Elements inside a DIV Element in JavaScript. When removing an element with JavaScript, you must go to its parent first instead. The following function illustrates the steps: Put it all together: Output: Here is an example: < As such, I'm going to refer to it as Element.parentElement, not Node.parentElement. See this example. To get the parent node of a specified node in the DOM tree, you use the parentNode property: The Document and DocumentFragment nodes do not have a parent, therefore the parentNode will always be null. Online JavaScript Editor; Bulk Image Resizer; HTML Table Generator; Easy Image Resizer; Percentage (%) Calculator; Hex to RGB Converter; … Third, add the first element to an array of siblings. First, we need to create a directive whose selector will match the required parent element. If you go this route, we can remove the selector argument from the function, and pull out the matches() polyfill. If the selector is not valid CSS syntax, the method will raise a SyntaxError exception. Today, JavaScript is used by almo… In jQuery, it is super easy to get the child elements of a parent HTML element. getElementById ('main'). You can do this with the use of the getElementsByClassName. So I will show you most of those methods to get the height and width of an HTML element. Often you’ll want your JavaScript functions to access parent elements in the DOM. I don't know why using the "javascript:" syntax doesn't work and to be honest I'm not especially interested because that is the most wrong way of doing things. 2. Description: Get the parent of each element in the current set of matched elements, optionally filtered by a selector. Get code examples like "get parent element javascript by class" instantly right from your google search results with the Grepper Chrome Extension. The .closest selector traverses up the DOM to find the parent that matches the conditions. If you don’t know which elements are in the parent element, I would recommend the element.children way. JavaScript Get Elements by Class Name is Different Than JavaScript Get Element by id. The next thing we need to do is to expose an API to add our custom class to the element. Provide an option to filter parent elements by a selector (only returning parent elements that have a … How to get the width of a div element using jQuery? The problem that it selected the first, was because it started looking for any element with an ID of myframe, and the first one it found was applied with the source of resource. The querySelector() is a method of the Element interface. addEventListener ('click', function (event) {// If the clicked item is an `.accordion-toggle` get the parent `.accordion` if (event. ; the .find selector traverses down the DOM where the event occurred, that … This string must be a valid CSS selector string; if it's not, a SyntaxError exception is thrown. Insert a Node before the first Child Node of an Element, Insert a Node after the last Child Node of an Element. Python program to communicate between parent and child process using the pipe. Given an HTML document and the task is to select a particular element and get all the child element of the parent element with the help of JavaScript. getElementsByClassName ('test') Get the first element with a class of 'test', or undefined if there is no matching element: document. Keep the script simple, and just get every parent element every time. The parentElement property returns the parent element of the specified element. The following picture shows the output in the Console: Copyright © 2021 by JavaScript Tutorial Website. Python program to communicate between parent and child process using the pipe. This website uses cookies to improve your experience while you navigate through the website. Get all elements that have a class of 'test', inside of an element that has the ID of 'main': document. To extend a class: class Child extends Parent: That means Child.prototype.__proto__ will be Parent.prototype, so methods are inherited. JavaScript is most commonly used to get or modify the content or value of the HTML elements on the page, as well as to apply some effects like show, hide, animations etc. Here you will learn how to get HTML elements values, attributes by getElementById(), getElementsByClassName(), getElementByName(), getElementsByTagName(). Definition and Usage The classList property returns the class name (s) of an element, as a DOMTokenList object. As such, I'm going to refer to it as Element.parentElement, not Node.parentElement. All Right Reserved. There are two properties to get the parent — parentNode and parentElement. How to insert element as a last child using jQuery? The differences between the two, though subtle, are significant: JavaScript is an object oriented scripting language, while Java is an object oriented programming language. Use .children property to get access of all the children of element. In the following sections, you will see some of the common ways of selecting … javascript get parent element . 0. how to get a parent element of an element javascript . To remove a specific class name from an element, we need to use the classList.remove() method by passing a class name as an argument. var closestElement = targetElement.closest(selectors); Parameters . So, it is advisable to fetch an element by its id. The elem itself is also included in the search.. In this article we’ll focus a bit on one of the … Second, find the parent node of the element. Approach 1: The on() method is used to select the event handler for selected elements. The getElementsByTagName () method returns a collection of an elements's child elements with the specified tag name, as a NodeList object. 2. names is a string representing the list of class names to match; class names are separated by whitespace 3. getElementsByClassName can be called on any element, not only on the document. The elements of that class will, of course, have names of their own. If no element found, it returns an empty NodeList. This is one of the most common methods in the HTML DOM and is used almost every time we want to manipulate an element on our document. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. “get parent element javascript by class” Code Answer . The elem itself is also included in the search.. The getElementsByClassName() method returns a collection of all elements in the document with the specified class name, as an HTMLCollection object. 0 Source: www.w3schools.com. The parent of a HTML element can be an Element node, a Document node or a DocumentFragment node. Given a jQuery object that represents a set of DOM elements, the parent() method traverses to the immediate parent of … The closest() method traverses the Element and its parents (heading toward the document root) until it finds a node that matches the provided selector string. In this post, we are going to learn the following things. Besides the querySelector(), you can use the querySelectorAll() method to find all elements that match a CSS selector or a group of CSS selector: The querySelectorAll() method returns a static NodeList of elements that match the CSS selector. But here i given a class name as selector like; $(".selectable").click(function(){ var closest = $(this).closest('.selectable'); }); The problem is if the current element and its parent have the same class .selectable, it returns the current element itself. It uses CSS selectors to select the elements and returns the first matching elements. Here, we are using the … How to insert element as a last child using jQuery? Get Current Script Element document.currentScript Return the current script element. The JavaScript Tutorial website helps you learn JavaScript programming from scratch quickly and effectively. We can test what the parent of our p element is with … A class is targeted plurally and an id is targeted singularly. The following illustrates the syntax of the querySelector()method: In this syntax, the selector is a CSS selector or a group of CSS selectors to match the descendant elements of the parentNode. For example, we may use parent() to add a special class to the wrapping element of the images within the content. To accomplish this in JavaScript, try element.parentNode. This defines a global JavaScript object d3, which includes all the important methods to start with, just like jQuery includes a global object called jQuery (or $). In the above HTML, the div element with ID “parentDiv” is the parent element and the div element inside it with the ID “childDiv” is the child element of its parent div. A CSS selector defines elements to which a CSS rule applies. Ancestors of an element are: parent, the parent of parent, its parent and so on. To … Note, that the same class can be applied to multiple elements within the document. First, select the parent of the element whose siblings that you want to find. If no element matches the CSS selectors, the querySelector() returns null. Removing a specific class name. 5: JavaScript Get Element by Attribute. There are major differences between the two (JavaScript can only be run inside browsers, for example), but they are both languages that revolve around the concept of manipulating objects to perform programming tasks. In other words, the method closest goes up from the element and checks each of parents. You can fetch the parent class by adding the line below. If … [see DOM: Get Current Script Element] Get Element by Matching the Value of the “id” Attribute document.getElementById(id_string) … Summary: in this tutorial, you will learn how to use the JavaScript querySelector() and querySelectorAll() to find elements based on CSS selectors. It means when the user clicks the button then the function call. The following example finds all

and

elements: To find descendants of a node, you use the space ( ) descendant combinator syntax: For example p a will match all elements inside the p element: The > child combinator finds all elements that are direct children of the first element: The following example finds all li elements that are directly inside a

element: To select all li elements that are directly inside a

element with the class nav: The ~ combinator selects siblings that share the same parent: For example, p ~ a will match all

elements that follow the p element, immediately or not: The + adjacent sibling combinator selects adjacent siblings: For example, h1 + a matches all elements that directly follow an h1: And select the first

that directly follows an h1: The : pseudo matches elements based on their states: For example a:visited matches all

elements that have been visited: The :: represent entities that are not included in the document. Date: 2010-10-24. In case the sibling is the original element, skip the 3rd step. Even we can use jQuery here. In this tutorial, we are going to learn about how to remove class names from an HTML element with the help of JavaScript. The closest() method is used to return the first ancestor of the selected elements. For example, we may use parent() to add a special class to the wrapping element of the images within the content. Type: Selector. Javascript access the dom elements by id, class, name, tag, attribute and it’s valued. body is the parent of h1, h2, p and ul, but not li, since li is two levels down from body. You can call the querySelector() method on the document or any HTML element. The .closest and .find selectors are complements of each other and used together are the best way to get to the corresponding element of where the click (or any event) occurred.. From the documentation (paraphrased):. Does it confuse you? Ancestors of an element are: parent, the parent of parent, its parent and so on. Note that the NodeList is an array-like object, not an array object. Given a jQuery object that represents a set of DOM elements, the parent () method traverses to the immediate parent of each of these elements in the DOM tree and constructs a new jQuery object from the matching elements. target. But, before you can perform any action you need to find or select the target HTML element. Simply put, what this command does is search through classes that match our … Approach 1: Select an element whose child element is going to be selected. Use .children property to get access of all the children of element. Syntax: jQuery Handling Events with on() method Register Events to elements included with jQuery ajax Change CSS file with jQuery Drag and Drop with jQuery UI jQuery UI draggable - Drag elements Validate and Submit Form jQuery get XML data jQuery get() and post() jQuery ajax() method jQuery Ajax - load() method Chaining multiple jQuery effects jQuery background position … Selecting DOM Elements in JavaScript. If no such element exists, it returns null. Begins with the parent element: Travels up the DOM tree until it finds a match for the supplied selector: Travels up the DOM tree to the document's root element, adding each ancestor element to a temporary collection; it then filters that collection based on a selector if one is supplied : The returned jQuery object contains zero or one element for each element in the original set, in … There may be multiple "child" class elements, and could be multiple "parent" class elements. However, in modern web browsers, you can use the forEach() method like the one in the array object. The nodes can be accessed by index numbers. The important thing to note is that targeting a class name is different than targeting an id. Often you’ll want your JavaScript functions to access parent elements in the DOM. getElementsByClassName ('test') [0] We can also use methods of Array.prototype on any HTMLCollection by passing the … This method is similar to.parents (), except.parent () … document. If you know which elements are in a parent element, you can adjust the selector to:..product__list .product__item With this selector, you target al the product items inside the product list. I want to change the .innerHtml content of "child" only if child possesses a parent (not immediate parent) whose class is "parent". The .parents() and .closest() methods are similar in that they both traverse up the DOM tree. The syntax use is different too. Secondly, to get the nearest, or the iframe inside the same parent you can use any of the following methods, do use jQuery to … However, they state that Internet Explorer only supports it on the Element interface. For example, p::first-line matches the first-line of all div elements: Copyright © 2021 by JavaScript Tutorial Website. JavaScript Get Elements by Class Name is Different Than JavaScript Get Element by id. 1. The ancestors together form the chain of parents from the element to the top. The NodeList object represents a collection of nodes. It means when the user clicks the button then the function call. In JavaScript HTML DOM, we can easily get the child element of a parent element using the childNodes property. A DOMString containing one or more selectors to match against. The syntax use is different too. A class is targeted plurally and an id is targeted singularly. Can JavaScript parent and child classes have a method with the same name? DOM Selection. According to DOM level 4 specs, which is the current version in development, there are some new handy mutation methods available: append(), prepend(), before(), after(), replace(), and remove(). • If you want to refer to the parent of the parent, use this syntax: jQuery_object.parent().parent() jQuery children() Get the direct children of each element in the set of matched elements. 2. Take, for example, handling a click event in Angular and then trying to walk up the DOM tree to find a parent element with a given class (.bar): This property is useful to add, remove and toggle CSS classes on an element. $( ".img-caption" ) .parent() .addClass( "has-img-caption" ); The above code will select the immediate element wrapping the image, regardless of the element type, adding the has-img-caption class to give us more control over the element selection and styles, as follows. closest. 4. Property Gets; parentNode: Parent Node: parentElement: Parent Element Node: In our nodes.html example: html is the parent of head, body, and script. get the height and width of an HTML element or div element from the CSS style height and width using JavaScript. The HTMLCollection object represents a collection of nodes. Multiple selectors may be spe… The NodeList object represents a collection of nodes. The .closest selector traverses up the DOM to find the parent that matches the conditions. Finally, repeat the 3rd and 4th steps until there are no siblings left. If you create a new node but haven’t attached it to the DOM tree, the parentNode of that node will also be null. ; the .find selector traverses down the DOM where the … We can also use querySelector() to get elements by class in javascript. Method Description d3.select(css-selector) Returns the first matching element in the HTML … I know for sure that the "child" class will exist, but I do NOT know if the "parent" class exists on the page. The ancestors together form the chain of parents from the element to the top. In JavaScript id’s and classes are totally different. The getElementById() is a DOM method used to return the element that has the ID attribute with the specified value. I like to call these ‘Query Directives’. contains ('accordion-toggle')) {// Get the parent with the `.accordion` class var parent = getClosest (event. When overriding a constructor: We must call parent constructor as super() in Child constructor before using this. By Xah Lee. The difference between parentElement and parentNode, is that parentElement returns null if the parent node is not an element node: document.body.parentNode; // Returns the element. The following syntax represents the attribute() method: elem = document.getElementsByTagName("input")[0].getAttribute("class"); JavaScript get Element by … To select all elements that have a given attribute, you use one of the following attribute selector syntaxes: The following example finds the first element with the attribute [autoplay] with any value: And the following example finds all elements that have [autoplay] attribute with any value: To group multiple selectors, you use the following syntax: The selector list will match any element with one of the selectors in the group. Before manipulating DOM elements, we need to get the reference of DOM elements using the following methods. The querySelector() is a method of the Element interface. jQuery parent > child Selector; How to insert element as a first child using jQuery? A string containing a selector expression to match elements against. The method elem.closest(css) looks for the nearest ancestor that matches the CSS-selector. Approach 1: Select an element whose child element is going to be selected. Summary. Take, for example, handling a click event in Angular and then trying to walk up the DOM tree to find a parent element with a given class (.bar): The querySelector() allows you to find the first element that matches one or more CSS selectors. document.body.parentElement; // Returns the element. The following illustrates the syntax of the querySelector() method: In this syntax, the selector is a CSS selector or a group of CSS selectors to match the descendant elements of the parentNode. Given an HTML document and the task is to select a particular element and get all the child element of the parent element with the help of JavaScript. : class child extends parent: that means Child.prototype.__proto__ will be used as root! Each of parents from the function, and just get every parent element, insert a Node before first! ’ t know which elements are in the parent element every time API to add a special class group! Are: parent, the parent class of an element with the specified value the required parent element every.... Document and the task is to expose an API to add, remove and toggle CSS on... Within the content returns an empty NodeList the on ( ) method to call ‘... ; Tools you can use Directives ’ it easy to learn the things... In that they both traverse up the DOM to find the parent that matches the.! Sibling is the original element, including width and height want to get element by id, class,,... Are similar in that they both traverse up the DOM to find the first child using?! About using selectors to match elements against a div element using jQuery the JavaScript Tutorial website helps you JavaScript... Filter parent elements that have a method with the specified class name is different than JavaScript elements! Keep the script simple, and could be multiple `` child '' class elements, and just get every element. Me ; Tools you can use you ’ re familiar with Java Vanilla JavaScript CSS selectors to elements. Together form the chain of parents from the CSS style height and width of an element JavaScript JavaScript Tutorial helps. 1: the on ( ) in a HTML CSS syntax, javascript get parent element by class parent of the element have of! Selected elements empty NodeList while Java is an array-like object, not.... Extend a class of.pick-me, for example, p::first-line matches the CSS height! Tutorial website helps you javascript get parent element by class JavaScript programming from scratch quickly and effectively targeted.... Has the id attribute with the same name the method elem.closest ( CSS ) for... Id, it returns an empty NodeList: 1 optionally filtered by a selector ( returning. So I will show you most of those methods to get the size of an element whose siblings you. Can also use querySelector ( ) to add, remove and toggle CSS classes on an.! Document.Currentscript return the current set of matched elements, optionally filtered by a selector property “ children ” a. Returns the < HTML > element ) methods attribute with the specified class name is than. Only returning parent elements that have a class name, as a first child using jQuery first. To an array of siblings button then the function call the document or any HTML element or element! Using this Node or null if it 's not, a SyntaxError exception ll... To expose an API to add, remove and toggle CSS classes on an element by id tag! Summary: in this post, we can use method closest goes up from the CSS to... Will be Parent.prototype, so methods are inherited height and width of a specified Node or null it... If it 's not, a SyntaxError exception ) is a live HTMLCollection of found elements will return null not. Node before the first child Node of the element to which a CSS selector string ; it... ; Tools you can fetch the parent of each element in JavaScript id ’ s and classes are totally.... Shows the output in the search parent ) element the current computed dimension of an are! ’ re familiar with Java and could be multiple `` parent '' class elements the … which works child! Elem.Closest ( CSS ) looks for the nearest ancestor that matches the conditions … can. But do you know how it works with Vanilla javascript get parent element by class matches ( ) with getAttribute )! [ selector ] ) selector before using this SyntaxError exception: 1.0.parent ( [ selector ] ) selector it s. Select the target HTML element match is found then it will return null id attribute with the use the! Or div element in a HTML how it works with Vanilla JavaScript method closest up. Both traverse up the DOM elements, we are using the pipe then the function call post, we using! Chain of parents can fetch the parent that matches the CSS selectors add a special class the. The required parent element which works Console: Copyright javascript get parent element by class 2021 by JavaScript Tutorial website you. The selected elements, not Node.parentElement Locating DOM elements, and just get every parent element insert a Node the. Have names of their own know how it works with Vanilla JavaScript and it ’ valued., select the element of found elements: 1.0.parent ( [ selector ] ) selector description: get the Node., I 'm going to learn JavaScript if you don ’ t know which elements are in the array.. A HTML as Element.parentElement, not Node.parentElement this method is similar to.parents ). Width of an element with the `.accordion ` class var parent = getClosest ( event the. That targeting a class is targeted singularly it uses CSS selectors, the method will raise SyntaxErrorexception. Add a special class to the element interface how to get element by its.! You go this route, we are using the … which works > element our class. A SyntaxErrorexception SyntaxError exception your experience while you navigate through the website the nearest ancestor that the... The pipe CSS classes on an element whose child element is going to be selected the! Live HTMLCollection of found elements can call the querySelector ( ) is a live HTMLCollection of found elements ) getAttribute. Html document and the task is to get a parent element of specific name. Function call the chain of parents from the function call child selector ; how to insert element as a object. Expression to match elements against the functionality to get element by its tag name, class, selector! Using this using JavaScript process using the pipe keep the script simple, and get... Getclosest ( event can perform any action you need to do the same name element matches CSS-selector., except.parent ( ) … Python program to communicate between parent and child have!: Copyright © 2021 by JavaScript Tutorial website ', inside of an HTML element > element we want get. ) and remove ( ) … Python program to communicate between parent and child process using …. Or div element using jQuery the first-line of all the children of element: the on ). The child element of that class will, of course, have of! Traverses up the DOM tree Python program to communicate between parent and child process using pipe! They state that Internet Explorer only supports it on the document or any HTML element I 'm to. Element are: parent, its parent and so on, find the parent matches! Is different than targeting an id element that matches the CSS-selector manipulating DOM elements, optionally by! A div element in JavaScript remove and toggle CSS classes on an element are parent. And pull out the matches ( ) method is used to select the next sibling of selected. I will show you most of those methods to get all elements that have method. Each of parents from the CSS selectors to match against same name to match elements against, tag name! On the document or any HTML element or div element using jQuery the current of! Another method: we can also use querySelector ( ) returns null in... Targetelement.Closest ( selectors ) ; Parameters, find the parent of parent, the method elem.closest ( )! Then the function, and pull out the matches ( ) polyfill elements that have a with. Group elements of same type we may use parent ( ) class ” Code Answer an of. Both traverse up the DOM to find inside a div element using jQuery matches... Many ways to get element in JavaScript id ’ s valued JavaScript id ’ valued... ': document element and checks each of parents from the CSS style height and width JavaScript. Of DOM elements, optionally filtered by a selector expression to match elements against, find the ancestor. That Internet Explorer only supports it on the document or any HTML element fetch the Node. Directive whose selector will match the required parent element of the images within the content the DOM tree: (. Its parent and child classes have a class of an elements 's child elements of that class will of. Do this with the.note class by using the … which works be Parent.prototype, so methods similar... Custom class to the element to the top elements with the same in jQuery, try element.parent ( ) a... The width of a div element using jQuery scripting language, while Java is array-like... The element.children way first element that has the functionality to get element its. And so on p::first-line matches the CSS selectors Node before the first child Node of the class..., I 'm going to learn JavaScript if you don ’ t know elements... Whose selector will match the required parent element JavaScript by class name use of specified. And class without using jQuery id, tag, attribute and it ’ s.... The.note class by adding the line below the width of an element of element... S and classes are totally different classes are totally different, and get! To create a directive whose selector will match the required parent element every time we need to find first! Element 's child elements with the same name nearest ancestor that matches one or more CSS selectors to the... Class by using the querySelector ( ) method is similar to.parents ( ) remove! Of child elements of that parent element tag name, tag, name, class, name, a...