Маленькая странная проблема на простом JS
У меня есть небольшая проблема с простым сценарием. Он применяет className только один раз на два. вот мой код Заранее спасибо всему сообществу и, пожалуйста, прости плохой английский французского парня:-)!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.alpha{
font-weight: bold;
font-size: 20px;
}
</style>
</head>
<body onload="RemoveClass('alpha','alpha')">
<div class="myclass alpha">Lorem ipsum.</div>
<div class="myclass alpha">Fuga, cum!</div>
<div class="myclass alpha">Lorem ipsum.</div>
<div class="myclass alpha">Lorem ipsum.</div>
<div class="myclass alpha">Lorem ipsum.</div>
<div class="myclass alpha">Sed, ducimus!</div>
<div class="myclass alpha">Veritatis, id.</div>
<div class="myclass alpha">Lorem ipsum.</div>
<div class="myclass alpha">Lorem ipsum.</div>
<div class="myclass alpha">Ullam, soluta.</div>
<script type="text/javascript">
function AddClass(elem, ClassSupp){
var Selection = document.getElementsByClassName(elem);
for (var i = 0; i < Selection.length; i++) {
if (Selection[i].className.indexOf(ClassSupp) == -1){
Selection[i].className = Selection[i].className + " " + ClassSupp;
}
}
}
function RemoveClass(elem, ClassSupp){
var Selection = document.getElementsByClassName(elem);
for (var i = 0; i < Selection.length; i++) {
Selection[i].className = "Test";
}
}
</script>
</body>
</html>