After that, the style is finished, and the script is started.

Finally, using the STYLE tag, we implement the CSS stylesheet, using the h1 element's green colour and the body element's text alignment as a centre.

Here, we use the TITLE element to construct the page's title.

Using the HTML and Head tags, we begin our code.

Further collections of elements are returned by this function.Īlert(document.getElementsByName('t').value) The document name is accepted by this function. This group of items is known as a node list, and the index can be used to browse over each node list component. The return value of the getElementsByName() method is a collection of all the elements of a specific document organised by name. Step By Step Guide On JavaScript Get Element By Name :. Now move to the concept of javascript get element by name. It implies that whenever items that have the same name are added to it or excluded from the document, its return elements are instantly updated. The elements return collection is operational. The function getElementsByName() accepts a name, which is the value of an element's name property, and returns a live NodeList of the element's elements.

You can use the document object's getElementsByName() method to retrieve all items with a given name. The name attribute permits more HTML components to share the same value as the id attribute does. In this article we will show you the solution of JavaScript get element by name, a name attribute may be assigned to any element in an HTML page.

Javascript get element by name