const start = document.getElementById("start");
const end = document.getElementById("end");
const btnShowEven = document.getElementById("showEven");
const display = document.getElementById("display");
const br = document.createElement("br");
btnShowEven.addEventListener("click", myFunction);
function myFunction() {
for (let i = start.value; i <= end.value; i ) {
if (i % 2 == 0) {
console.log(`${i} is an even number.`);
display.textContent = `${i} is an even number.`;
display.createElement = br;
}
}
}
如何
在 dom（vanilla javascript）上添加標簽？我無法在新行上顯示我的下一個回圈。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="main.css" />
<title>Document</title>
</head>
<body>
<input type="text" id="start" />
<input type="text" id="end" />
<button id="showEven">Show even numbers</button>
<hr />
<p id="display"></p>
<script src="main.js"></script>
</body>
</html>
我是這里的初學者。對不起。這是我的 HTML 檔案。輸出是我在 1 行中顯示的所有回圈。我想在新行中顯示所有偶數。
uj5u.com熱心網友回復：
這是一個簡單的解決方案。只需使用innerHTML而不是嘗試創建新元素。
const start = document.getElementById("start");
const end = document.getElementById("end");
const btnShowEven = document.getElementById("showEven");
const display = document.getElementById("display");
const br = document.createElement("br");
btnShowEven.addEventListener("click", myFunction);
function myFunction() {
for (let i = start.value; i <= end.value; i ) {
if (i % 2 == 0) {
console.log(`${i} is an even number.`);
display.innerHTML = `${i} is an even number.<br>`;
}
}
}<input value="1" id="start">
<input value="10" id="end">
<button id="showEven">Click</button>
<div id="display"></div>uj5u.com熱心網友回復：
您可以\n用來模擬<br>標簽。如何使用它？就是這樣
display.innerText = '${i} is an even number. \n';
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/459150.html
標籤：javascript