JavaScript <br /> не работает - PullRequest
Новая
       26

JavaScript <br /> не работает

0 голосов
/ 29 апреля 2018

Я пытаюсь вставить разрыв строки в файл JavaScript, чтобы автоматически добавить в тег HTML. Я искал в Google, но не мог получить информацию о том, как это сделать правильно.

Скриншот: Скриншот 

(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>

1 Ответ

0 голосов
/ 29 апреля 2018

Вам нужно использовать 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>
...