例如：
<p> 1 </p>
<p> 2 </p>
<p> 3 </p>
如您所見，有3 個不同編號的段落標簽。因此，使用 JavaScript 讀取 p 標簽的內容并根據從 p 標簽接收到的內容更改文本。
假設，第一個 p 標簽的內容為1，因此將其更改為"active"。第二個 p 標簽的內容為2，因此將其更改為“已停用”，而第三個標簽包含3，因此將其更改為“其他”。
輸出看起來像：
<p> Active </p>
<p> Deactivated </p>
<p> Others </p>
即使我們將 p 標記順序更改為：
<p> 2 </p>
<p> 3 </p>
<p> 1 </p>
輸出必須是：
<p> Deactivated </p>
<p> Others </p>
<p> Active </p>
uj5u.com熱心網友回復：
使用具有所需值的陣列，對于每個段落，將原始 textValue 轉換為數字，并使用該數字從陣列中檢索值。
或者使用某種模板。
const values = [`Active`, `Deactivated`, `Others`];
document.querySelectorAll(`p`).forEach( (p) =>
p.textContent = values[ (p.textContent.trim()) - 1]);<p> 1 </p>
<p> 3 </p>
<p> 2 </p>
<p> 3 </p>
<p> 1 </p>
<p> 2 </p>uj5u.com熱心網友回復：
您可以使用switch和.innerText
const pEles = [...document.querySelectorAll("p")];
pEles.forEach(ele => {
switch (ele.innerText) {
case "1":
ele.innerText = "Active"
break;
case "2":
ele.innerText = "Deactivated"
break;
case "3":
ele.innerText = "Others";
break;
}
})<p>1</p>
<p>2</p>
<p>3</p>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/476380.html
標籤：javascript html css 数组
上一篇：如何去掉表格末尾的下劃線？