在 JavaScript 中使用 for 循環更改 H1

Question

JS新手在這里。 我正在嘗試獲取 H1 標簽中的所有值並更改長度小於 4 的值。

它說“請回答問題”我需要它說“請回答你好問題”

 let header = document.getElementById("h1").innerHTML; let splittedText = header.split(" "); function seperateText() { for (let i = 0; i < splittedText.length; i++) { if (splittedText[i].length < 4) { splittedText[i].innerHTML = "Hello" } } // console.log(splittedText[i]); return splittedText[i].innerHTML; } seperateText();

 <h1 id="h1">Please Answer the Questions</h1>

Answer 1

您的代碼正在嘗試設置字符串的 innerHTML - 這不起作用

[i] 也不存在於循環之外

試試這張地圖

 const seperateText = str => { let splittedText = str.split(" "); return splittedText.map(word => word.length > 4 ? word : "hello").join(" "); } let header1 = document.getElementById("h1") header1.innerHTML = seperateText(header1.innerHTML); let header2 = document.getElementById("empty") header2.innerHTML = seperateText(header2.innerHTML);

 <h1 id="h1">Please Answer the Questions</h1> <h1 id="empty"></h1>

或者這個替換

 const seperateText = str => { return str.replace(/\\b(\\w+)\\b/gi, match => match.length < 4 ? "hello" : match); } let header1 = document.getElementById("h1") header1.innerHTML = seperateText(header1.innerHTML); let header2 = document.getElementById("empty") header2.innerHTML = seperateText(header2.innerHTML);

 <h1 id="h1">Please Answer the Questions</h1> <h1 id="empty"></h1>