- 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 HTML text into a specified position in the JavaScript document?
Javascript has provided insertAdjacentHTML() method to insert a text as HTML, into a specified position. Those legal positions are
afterbegin
afterend
beforebegin
beforeend
Each legal position has its own unique importance. Let's discuss some of them.
Example
In the following example, using "insertAdjacentHTML()" method and a legal position "afterend", a new text is placed adjacent to the header and the result is displayed in the output.
<html>
<body>
<h2 id="H2">Header</h2>
<script>
var ins = document.getElementById("H2");
ins.insertAdjacentHTML("afterend","<p>Tutorix is the best e-learning platform</p>");
</script>
</body>
</html>Output
Header
Tutorix is the best e-learning platform
Example
In the following example, using "insertAdjacentHTML()" method and a legal position "beforeend", a new text is placed adjacent to the header and the result is displayed in the output.
<html>
<body>
<h2 id="H2">Header</h2>
<script>
var ins = document.getElementById("H2");
ins.insertAdjacentHTML("beforeend","<p>Tutorix is the best e-learning platform</p>");
</script>
</body>
</html>Output
Header
Tutorix is the best e-learning platform
Published on 09-Aug-2019 08:02:30
- Related Questions & Answers
- Insert a specified element in a specified position in JavaScript?
- 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 the ArrayList at the specified index in C#
- Insert an element into Collection at specified index in C#
- How to insert the elements of a collection into the List at the specified index in C#?
- The listIterator() method AbstractList class in Java at a specified position
- Java Program to remove a character at a specified position
- HTML DOM specified property
- The listIterator() method of CopyOnWriteArrayList in Java starting at a specified position
- Insert into OrderedDictionary with key and value at specified index in C#
- Insert at the specified index in StringCollection in C#
- Roll the specified axis backwards until it lies in a given position in Numpy
- How to insert a document into a MongoDB collection using Java?
- Set the bit at a specific position in the BitArray to the specified value in C#?
Advertisements