在JavaScript中將id轉換爲類

-4

如何將所有這些轉換爲所有div都具有類而不是id？我在這個世界上，現在只是複製粘貼代碼，學習是新...在JavaScript中將id轉換爲類

<div id="LEGEND">abB</div> 

<div id="small-a" style="display: none;">This is small-a</div> 
<div id="small-b" style="display: none;">This is small-b</div> 
<div id="big-a" style="display: none;">This is big-a</div> 
<div id="big-b" style="display: none;">This is big-b</div> 

<script> 
function showElement(id) { 
    document.getElementById(id).style.display = "block"; 
} 

window.onload = function ShowHide() { 
    var legend = document.getElementById("LEGEND").innerHTML; 

    if(legend.indexOf("a") != -1) showElement("small-a"); 
    if(legend.indexOf("b") != -1) showElement("small-b"); 
    if(legend.indexOf("A") != -1) showElement("big-a"); 
    if(legend.indexOf("B") != -1) showElement("big-b"); 
} 
</script>

來源

2016-09-07 Ante Olić

爲什麼要轉換它？ – Amy

在記事本中打開文件。按下Ctrl + H。在查找文本框中鍵入'id =「'在替換爲文本框中鍵入'class =」'。點擊全部替換。關閉對話框並保存文件。 –

把'.textContent'放在'.indexOf'之前。你沒有類的元素，你的第一句話不清楚，所以我不知道你需要什麼。 –

我不知道爲什麼你想以編程方式做到這一點，但無論如何：

const elements = document.querySelectorAll('div'); 
 

 
[...elements].forEach(el => { 
 
    if (el.id) { 
 
    el.classList.add(el.id); 
 
    el.removeAttribute('id'); 
 
    } 
 
});

.foo { 
 
    background: tomato; 
 
} 
 

 
.bar { 
 
    background: gold; 
 
} 
 

 
.baz { 
 
    background: indianred; 
 
}

<div id="foo">Foo</div> 
 
<div id="bar">Bar</div> 
 
<div id="baz">Baz</div>

來源

2016-09-07 17:32:17 jlowgren

想知道如何，而不是功能showElement（id）使相同，但類 –

在JavaScript中將id轉換爲類

回答

相關問題