我設定了我的程式，以便它自動生成 HTMl 并將其放入網頁中。每次引入新的 HTMl 都會被賦予一個新的 ID，然后是它的增量，例如<div id = "genQuestion0"> <div id = "genQuestion1">等。
初始 div 已全部通過 CSS 設定為不顯示
[id^="genQuestion"]{
text-align: center;
display: none;
}
第一個問題id = genQuestion0 是，在生成時它的顯示設定為block。
我怎樣才能做到這一點，以便當按下按鈕時，上一個問題顯示更改為none，下一個問題設定為block.
這是我目前的功能，但它不起作用。
var countclicks = 0;
const nextQuestion = () =>{
var elementName = `genQuestion${countclicks}`;
var elementNameNeg = `genQuestion${(countclicks - 1)}`;
elementName.style.display = "block";
elementNameNeg.style.display = "none";
countClicks ;
}
uj5u.com熱心網友回復：
這是因為你只是字串而不是 DOM 元素。
您可以使用訪問該元素document.getElementById(elementNameNeg).style.display = 'block';
uj5u.com熱心網友回復：
所以改成這個？
var countclicks = 0;
const nextQuestion = () =>{
var elementName = `genQuestion${countclicks}`;
var elementNameNeg = `genQuestion${(countclicks - 1)}`;
document.getElementById(elementName).style.display = "block";
document.getElementById(elementNameNeg).style.display = "none";
countClicks ;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/426579.html
標籤：javascript html