Нужна помощь новичку
Всем доброго времени суток!
Столкнулся с такой проблемой: есть скрипт, который добавляет определенную кнопку в сайт в зависимости от устройства
<script>
if(isMobile.any()){
var frm = document.createElement('form');
frm.setAttribute('action', 'tel: +78005558474');
frm.setAttribute('id', 'frm')
document.getElementById('knopka').appendChild(frm);
document.getElementById('knopka2').appendChild(frm);
var btn = document.createElement('button');
btn.className = "btn btn-primary btn-lg btn-block";
btn.innerHTML = "Позвонить";
btn.setAttribute('tupe', 'sumbit');
document.getElementById('frm').appendChild(btn);
}else if(isMobile.iPad() || isMobile.iPod()){
var btn = document.createElement('button');
btn.className = "btn btn-primary btn-lg btn-block";
btn.innerHTML = "Позвонить";
btn.setAttribute('data-toggle', 'modal');
btn.setAttribute('data-target', '#IOS');
document.getElementById('knopka').appendChild(btn);
}else{
var btn = document.createElement('button');
btn.className = "btn btn-primary btn-lg btn-block";
btn.innerHTML = "Позвонить";
btn.setAttribute('data-toggle', 'modal');
btn.setAttribute('data-target', '#others');
document.getElementById('knopka').appendChild(btn);
}
</script>
кнопка добавляется в div с определенным id. Таких дивов несколько на странице. В первый див кнопка добавляется как надо, но вот в последующие дивы добавятся не хочет. Собственно вопрос: почему и как это исправить? |
shellddor,
id уникально!!! и нужен цикл по всем дивам |
Цитата:
По поводу цикла: получается надо будет перебирать все дивы и при нахождении дива с определенным классом помещать в него кнопку. Так? Напиши, пожалуйста, примерную конструкцию цикла. |
Цитата:
[].forEach.call( document.querySelectorAll('.knopka'), function(el,i) {
if(isMobile.any()){
var frm = document.createElement('form');
frm.setAttribute('action', 'tel: +78005558474');
//frm.setAttribute('id', 'frm')
el.appendChild(frm);
document.querySelectorAll('.knopka2')[i].appendChild(frm);
var btn = document.createElement('button');
btn.className = "btn btn-primary btn-lg btn-block";
btn.innerHTML = "Позвонить";
btn.setAttribute('tupe', 'sumbit');
frm.appendChild(btn);
}else if(isMobile.iPad() || isMobile.iPod()){
var btn = document.createElement('button');
btn.className = "btn btn-primary btn-lg btn-block";
btn.innerHTML = "Позвонить";
btn.setAttribute('data-toggle', 'modal');
btn.setAttribute('data-target', '#IOS');
el.appendChild(btn);
}else{
var btn = document.createElement('button');
btn.className = "btn btn-primary btn-lg btn-block";
btn.innerHTML = "Позвонить";
btn.setAttribute('data-toggle', 'modal');
btn.setAttribute('data-target', '#others');
el.appendChild(btn);
}
});
|
Все работает отлично. Спасибо большое.
|
| Часовой пояс GMT +3, время: 21:50. |