我一直在創建一個 JS 網站，它告訴你你的年齡（以天為單位）。我寫了代碼，所以，如果你出生在 1990 年之前，網站會說“哎呀，你老了”。我將該文本與其他文本分開，但輸出在另一行。我想將兩個文本放在同一行上。我不知道該怎么做，因此非常感謝您的幫助。這是JS代碼：
function ageInDays() {
// variables
var birthYear = prompt("What Year Were You Born In?");
var ageInDayss = (2021 - birthYear) * 365;
//text
if (birthYear>1990) {
var h1 = document.createElement('h1');
var textAnswer = document.createTextNode("You are " ageInDayss " days
old.");
h1.setAttribute('id', 'ageInDays');
h1.appendChild(textAnswer);
document.getElementById('flex-box-result').appendChild(h1);
} else {
var h1 = document.createElement('h1');
var h2 = document.createElement('h2');
var textAnswer = document.createTextNode("You are " ageInDayss " days old.");
var textAnswer1 = document.createTextNode(" Yikes... that's old.");
h1.setAttribute('id', 'ageInDays');
h2.setAttribute('id', 'yikes');
h1.appendChild(textAnswer);
h2.appendChild(textAnswer1);
document.getElementById('flex-box-result').appendChild(h1).appendChild(h2);
}
}
如何將“else”輸出放在一行上？
uj5u.com熱心網友回復：
是否需要明確為 h1 和 h2？默認情況下，它們是塊元素，并且將元素用于其他事物（使用行內）而不是為其創建的內容并不是一個真正的好習慣。
我建議使用跨度
...
var text1 = document.createElement('span');
var text2 = document.createElement('span');
...
并相應地設計它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/378841.html
標籤：javascript css dom 输出