×

Save Your Code

If you click the save button, your code will be saved, and you get an URL you can share with others.

By clicking the "Save" button you agree to our terms and conditions.

Report Error

×

Save to Google Drive

If you have a Google account, you can save this code to your Google Drive.

Google will ask you to confirm Google Drive access.

×

Open from Google Drive

If you have saved a file to Google Drive, you can open it here:

Result Size: 625 x 571
x
 
<!DOCTYPE html>
<html>
<body>
<p>Click the button to create some BR elements.</p>
<button onclick="myFunction()">Try it</button>
<p>When you click the button, a br element is inserted before each span element in div, causing an appropriate line break in the text below.</p>
<div id="myDIV">
  <span>Hello,</span>
  <span>My name is Bob.</span>
  <span>I live in Bobville.</span>
  <span>I am 45 years old.</span>
</div>
<script>
function myFunction() {
  // Get the div element with id="myDIV"
  var div = document.getElementById("myDIV"); 
  // Get all span elements inside of div
  var spans = div.getElementsByTagName("SPAN");  
  // Create a loop which will insert a br element before each span element in div, starting from the second span element
  var i;
  for (i = 1; i < spans.length; i++) {
    var newElem = document.createElement("BR");
    div.insertBefore(newElem, spans[i]);
  }
}
</script>
</body>
<!-- Mirrored from www.w3schools.com/jsref/tryit.asp?filename=tryjsref_br_create by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Jan 2020 03:04:35 GMT -->
</html>
×

Report a Problem: