Всем привет! Столкнулся с такой штукой - у js(или у js в браузере) оказывается есть ограничение на количество генерируемых дочерних элементов. Подскажите как обойти?
Воспроизведение моей проблемы: Нажимаем "Выполнить код", затем нажимаем на кнопку "новый тег внутри" больше 10 раз. Рамка рисуется только при первых 10 нажатиях, а больше не рисуется.
(function(){
var i = 1;
document.querySelector('#raz8').onclick = function() {
this.innerHTML = '<span style="border-color: rgba(255,0,0,'+i+');">'+this.innerHTML+'</span>';
i = i - 0.1;
}
})()
<style>
#raz8 span {
display: inline-block;
padding: 3px;
border: 1px solid;
}
</style>
<button type="button" id="raz8">новый тег внутри</button>
Этот пример мне показался короче, а моя проблема при рисовании строк таблицы - мне нужно чтобы их было больше 10, а больше 10 так же не рисуется. Таблицу генерю так: http://mainproject.ru/js/table.shtml , просто 15 этажным повторением js кода, поэтому здесь приводить такой код и постеснялся)
Пример с рамкой взят отсюда: http://shpargalkablog.ru/2013/08/appendchild-removechild-javascript.html Спасибо!