添加樣式

Question

我使用的是同樣的東西，我通常使用，使功能工作，但由於某種原因，它說：「不能讀取屬性未定義‘加’」和我已經試過我知道的一切。

<input type=button id=b1 value="start" onclick=abc()> 
<script> 
function abc() { 
document.getElementById("p2").classlist.add("hidden") 
document.getElementById("pic1").classlist.remove('hidden') 
document.getElementById("p1").classlist.add("hidden") 
window.setimeout(sub1, 1000) 
} 
</script> 

Answer 1

classlist應該是classList。而且，當你有setimeout，這應該是setTimeout。最後，你在輸入元素的屬性值周圍缺少一些引號，並且在單個語句的末尾缺少分號。

div { 
 
    border: 1px solid #000; 
 
    margin: 1rem 0; 
 
    padding: .5rem; 
 
} 
 

 
.hidden { 
 
    display: none; 
 
}

<input type="button" id="b1" value="start" onclick="abc()"> 
 
<script> 
 
    function abc() { 
 
    document.getElementById("p2").classList.add("hidden"); 
 
    document.getElementById("pic1").classList.remove("hidden"); 
 
    document.getElementById("p1").classList.add("hidden"); 
 
    window.setTimeout(sub1, 1000); 
 
    } 
 
    
 
    function sub1() { 
 
    console.log("called!"); 
 
    } 
 
</script> 
 

 
<div id="p2">This is the p2 div</div> 
 
<div id="pic1" class="hidden">This is the pic1 div</div> 
 
<div id="p1">This is the p1 div</div>