简体   繁体   English

的JavaScript <br /> 不起作用

[英]JavaScript <br /> doesn't work

I'm trying to insert a line breaker into javascript file to automatically add into html tag. 我正在尝试在JavaScript文件中插入换行符,以自动添加到html标签中。 I searched on google, but couldn't get any info on how to do it properly. 我在Google上进行了搜索,但无法获得有关如何正确执行操作的任何信息。

Screenshot: screenshot 屏幕截图: 屏幕截图

 (function() { //Array of cars var car = ['Dodge', 'Nissan', 'Honda', 'Ford', 'Ferrari', 'Lamborghini', 'Audi', 'Porsche', 'Maserati', 'Bentley']; //Length of array var arrayLength = car.length; //Message var msg = ''; //Loop through the items in the array for (var i = 0; i < arrayLength; i++) { //Current car to the message msg += "The car is: " + car[i] + "<br />"; } //Upading HTML var el = document.getElementById("car"); el.textContent = msg; }()); 
 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="../../../css/style.css"> </head> <body> <div class="wrapper"> <header> <h1>Page 5</h1> </header> <h2 id="car">Getting stuff from javascript with id="car"</h2> <footer> </footer> <script src="05.js"></script> </div> </body> </html> 

You need to use innerHTML to be able to insert <br/> wish is an html tag 您需要使用innerHTML才能插入<br/>希望是html标签

 (function() { //Array of cars var car = ['Dodge', 'Nissan', 'Honda', 'Ford', 'Ferrari', 'Lamborghini', 'Audi', 'Porsche', 'Maserati', 'Bentley']; //Length of array var arrayLength = car.length; //Message var msg = ''; //Loop through the items in the array for (var i = 0; i < arrayLength; i++) { //Current car to the message msg += "The car is: " + car[i] + "<br />"; } //Upading HTML var el = document.getElementById("car"); el.innerHTML = msg; }()); 
 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="../../../css/style.css"> </head> <body> <div class="wrapper"> <header> <h1>Page 5</h1> </header> <h2 id="car">Getting stuff from javascript with id="car"</h2> <footer> </footer> <script src="05.js"></script> </div> </body> </html> 

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM