Я создал сайт из нескольких html-файлов.
В каждом из этих html-файлов есть некоторый текстовый контент.
Под контентом подразумевается руководство пользователя для 2 различных заинтересованных сторон:
- Менеджер
- Административный персонал
Я хотел бы получить совет о том, как считать элементы класса , чтобы я мог зацикливатьсячерез код без необходимости объявления следующего утверждения document.getElementsByClassName("HM")[0].style.display='block';
Ниже приведен образец моего кода:
<html>
<script>
function showHM(){
document.getElementsByClassName("HM")[0].style.display='block';
document.getElementsByClassName("HM")[1].style.display='block';
document.getElementsByClassName("HM")[2].style.display='block';
document.getElementsByClassName("RM")[0].style.display='none';
document.getElementsByClassName("RM")[1].style.display='none';
document.getElementsByClassName("RM")[2].style.display='none';
var y = document.getElementsByClassName("HM");
var i
for (i=0; i<y.length; i++) {
y[i].style.backgroundColor"red";
}
function showRMO(){
document.getElementsByClassName("HM")[0].style.display='none';
document.getElementsByClassName("HM")[1].style.display='none';
document.getElementsByClassName("HM")[2].style.display='none';
document.getElementsByClassName("RM")[0].style.display='block';
document.getElementsByClassName("RM")[1].style.display='block';
document.getElementsByClassName("RM")[2].style.display='block';
</script>
<body>
<div class="RM">RM Step 1</div>
<div class="HM">HM Step 1</div>
<div class="RM">RM Step 2</div>
<div class="HM">HM Step 2</div>
<div class="RM">RM Step 3</div>
<div class="HM">HM Step 3</div>
<button onclick="showHM()">show HM</button>
<button onclick="showRMO()">show RMO</button>
</body>
</html>
Заранее благодарим добрые души!!