JavaScript <br /> 无效

Question

我正在尝试将换行符插入 javascript 文件以自动添加到 html 标记中。我在 google 上进行了搜索，但无法获得有关如何正确执行此操作的任何信息。

截图： 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>

Answer 1

您需要使用 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>

JavaScript <br /> 无效

JavaScript <br /> doesn't work

javascript

line-breaks

break