HTML DOM BR Object
The DOM BR Object is used to represent the HTML <br> element. The br element is accessed by getElementById().
Syntax:
document.getElementById(id)
Where “id” is the ID assigned to the br tag.
Property:
- clear: It is used to Sets or return the flow of text around floating objects
Example 1: In this example, we will use DOM BR Object
HTML
<!DOCTYPE html> < html > < head > < title >HTML | DOM BR Object</ title > < style > body { text-align: center; } h1 { color: green; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >DOM br Object</ h2 > <!-- br tag is used here --> < p > w3wiki: < br id = "GFG" > Computer science portal </ p > < button onclick = "myBeginner()" >Subnit</ button > < script > function myBeginner() { let w = document.getElementById("GFG"); w.style.display = "none"; } </ script > </ body > </ html > |
Output:
Example 2: Br Object can be created by using the document.createElement Method.
HTML
<!DOCTYPE html> < html > < body > < h1 >w3wiki</ h1 > < h2 >DOM BR Object</ h2 > < button onclick = "Beginner()" style = "margin-bottom:20px;" > Submit </ button > < div id = "GFG" > < span >Hello, </ span > < span >Beginner.</ span > < span >For</ span > < span >Beginner</ span > </ div > < script > function Beginner() { // Get the div element with id="GFG" let g = document.getElementById("GFG"); // Get all span elements inside of div. let f = g.getElementsByTagName("SPAN"); // Create a loop which will insert a br // element before each span element in div, // starting from the second span element. let j; for (j = 1; j < f.length ; j++) { let w = document .createElement("BR"); g.insertBefore(w, f[j]); } } </script> </ body > </ html > |
Output:
Supported Browsers: The browser supported by DOM Br Object are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari