我創建了一個網站，它告訴你你的年齡。我使用 document.createTextNode 來存盤輸出，但輸出無法正常作業。這是輸出代碼
var h1 = document.createElement("p");
h1.setAttribute("id", "mainText")
var mainText = document.createTextNode("You are ", ageYears, " years, ", ageMonths, "
months and ", ageDays, " days old.");
h1.appendChild(mainText);
document.getElementById("new-age").appendChild(h1);
當我運行我的代碼時，它只輸出第一部分“你是”。有什么辦法可以輸出整個訊息。
uj5u.com熱心網友回復：
在 JavaScript 中，您使用 而不是.連接字串。
作業示例
var h1 = document.createElement("p");
h1.setAttribute("id", "mainText");
let ageYears = 20;
let ageMonths = 12
let ageDays = 24;
var mainText = document.createTextNode("You are " ageYears " years, " ageMonths " months and " ageDays " days old.");
h1.appendChild(mainText);
document.getElementById("new-age").appendChild(h1);<div id="new-age"></div>uj5u.com熱心網友回復：
由于document.createTextNode僅接收一個引數作為資料，因此您應該更改document.createTextNode下面的代碼以使用您的資料生成一個字串：（在您的代碼中，因為您,使用連接字串，實際上您將多個字串傳遞給document.createTextNode它，它只讀取第一個引數和忽略其他引數）
var mainText = document.createTextNode("You are " ageYears " years, " ageMonths "months and " ageDays " days old.");
或者：
var mainText = document.createTextNode(`You are ${ ageYears} years, ${ageMonths} months and ${ageDays} days old.`);
這是一個例子：
const ageYears = 30;
const ageMonths = 10;
const ageDays = 22;
function appendText() {
let p = document.createElement("p");
let mainText = document.createTextNode(`You are ${ ageYears} years, ${ageMonths} months and ${ageDays} days old.`);
p.appendChild(mainText);
document.getElementById("new-age").appendChild(p);
}
document.getElementById('appendBtn').addEventListener('click', appendText)<div id="new-age"></div>
<button id="appendBtn">append text</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/384946.html
標籤：javascript 输出 创建文本节点