1

Всем привет! Столкнулся с такой штукой - у 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 Спасибо!

2
  • Вполне полезный ответ. Я вот не знал. Так что выносите в ответ.
    – Razzwan
    1 ноя 2015 в 7:26
  • Да. Поменял 0.1 на 0.05 рисуется 20 видимых рамок - здесь все верно. Что в моем случае с таблицей пока что не понятно. Я думаю приложи я достаточно усилий чтобы 15 этажный код в функцию переписать мне бы и вопрос задавать не пришлось) 1 ноя 2015 в 8:07

1 ответ 1

2

Это никакое не ограничение. Рамка рисуется каждый раз с прозрачностью i - 0.1. Поскольку i = 1, то первый клик даст непрозрачную рамку, со 2-го раза - 0.9 и до 10-го клика становится 0.1, на 11-ый клик - прозрачность 0, поэтому не удивительно, что вы не видите обводку со 100%-ой прозрачностью. А так и в 11-ый раз js работает и в 111-ый.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.