- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Insert a specified element in a specified position in JavaScript?
Javascript has provided "insertAdjacentElement()" to insert an already existing element in a specified position. If there are multiple elements with the same name then use indexes to access them as we access the array elements.
syntax
node.insertAdjacentHTML(position, element);
Example-1
In the following example, there are actually 3 elements in parallel span1, span2, and header. Using the method insertAdjacentElement() we have placed the element span1 below the header as shown in the output.
<html>
<body>
<span>My span1</span>
<span>My span2</span>
<h2 id="H2">My Header</h2>
<script>
var s = document.getElementsByTagName("span")[0];
var h = document.getElementById("H2");
h.insertAdjacentElement("afterend", s);
</script>
</body>
</html>Output
My span2 My Header My span1
Example-2
In the following example, there are actually 3 elements in parallel span1, span2, and header. Using the method insertAdjacentElement() we have placed the element span2 below the header as shown in the output. if there are multiple elements access the elements like an array, accessing through the indexes.
<html>
<body>
<span>My span1</span>
<span>My span2</span>
<h2 id="H2">My Header</h2>
<script>
var s = document.getElementsByTagName("span")[1];
var h = document.getElementById("H2");
h.insertAdjacentElement("afterend", s);
</script>
</body>
</html>Output
My span1 My Header My span2
Updated on 09-Aug-2019 15:27:50
- Related Questions & Answers
- Insert a specified HTML text into a specified position in the JavaScript document?
- Insert the specified element at the specified position in Java CopyOnWriteArrayList
- In MySQL, how can we insert a substring at the specified position in a string?
- Insert an element into Collection at specified index in C#
- Java Program to remove a character at a specified position
- Remove the specified element from a HashSet in C#
- The listIterator() method AbstractList class in Java at a specified position
- Insert an element into the ArrayList at the specified index in C#
- The listIterator() method of CopyOnWriteArrayList in Java starting at a specified position
- Check if a HashSet contains the specified element in C#
- Insert at the specified index in StringCollection in C#
- Insert an element at second position in a C# List
- How to check whether a List contains a specified element in C#
- Remove specified element from HashSet in Java
- Remove specified element from TreeSet in Java
Advertisements