Всем доброго времени суток!
Столкнулся с такой проблемой: есть скрипт, который добавляет определенную кнопку в сайт в зависимости от устройства
<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. Таких дивов несколько на странице. В первый див кнопка добавляется как надо, но вот в последующие дивы добавятся не хочет. Собственно вопрос: почему и как это исправить?