Null innerHTML, предоставленный с переменной php, не работает только в Firefox

Question

Null innerHTML, предоставленный с переменной php, не работает только в Firefox

0

У меня две формы на моей странице (min & max), которые должны содержать минимальное и максимальное текстовые поля, которые пользователь может добавить. Так что это часть моего кода с этой проблемой.

ПРОБЛЕМА: он отлично работает в Chrome/IExplorer, но в Firefox он не может работать. Проблема в том, что он сообщает об ошибке

ТипError: document.getElementById(...) - null

Ошибка также существует в Chrome, но код работает. Итак, я обнаружил, что это проблема с внутренним html div с идентификаторами K1, H1, K2, H2... Он как-то пуст, независимо от того, что он печатает на странице.

$kx[$j] = $_POST['min'][$j];
$hx[$j] = ($_POST['max'][$j]);
$kxx .= '<div style="visibility:hidden;" id="K'.$j.'">'.$kx[$j].'</div>';
$hxx .= '<div style="visibility:hidden;" id="H'.$j.'">'.$hx[$j].'</div>';

<script type="text/javascript">
var counter = [];
var mxcounter = [];
for(var u=1; u<101; u++) {
    counter[u] = parseInt(document.getElementById("K"+u).innerHTML, 10);
    mxcounter[u] = parseInt(document.getElementById("H"+u).innerHTML, 10);
}
</script>

Что мне делать?

mpavlovic89 13 апр. 2014, в 18:14

Источник

0

Можете ли вы предоставить больше кода. Или это та часть проблемы. Может, какой-то другой id (div) провоцирует это?
user3392725 13 апр. 2014, в 15:42
0

Этот div (s) - один проблемный, это точно.
mpavlovic89 13 апр. 2014, в 15:42
0

Разве ваша петля не должна быть ...; u < $_POST['max'][$j]; ... что-то подобное? Если ваш максимум <101, вы будете пытаться найти идентификаторы, которые просто не существуют.
Marc B 13 апр. 2014, в 15:51
0

Я бы посоветовал вам не беспокоиться о min & max и просто динамически добавлять div на страницу каждый раз, когда она должна быть добавлена, используйте некоторую библиотеку, например JQuery ... почему вы хотите создать все элементы div заранее?
Toly 13 апр. 2014, в 15:54

Показать ещё 2 комментария

Теги:

php

javascript

html

2 ответа

Ещё вопросы

Можете ли вы предоставить больше кода. Или это та часть проблемы. Может, какой-то другой id (div) провоцирует это?
Этот div (s) - один проблемный, это точно.
Разве ваша петля не должна быть ...; u < $_POST['max'][$j]; ... что-то подобное? Если ваш максимум <101, вы будете пытаться найти идентификаторы, которые просто не существуют.
Я бы посоветовал вам не беспокоиться о min & max и просто динамически добавлять div на страницу каждый раз, когда она должна быть добавлена, используйте некоторую библиотеку, например JQuery ... почему вы хотите создать все элементы div заранее?

Andrei · Answer 1 · 2014-04-13T12-51-00.000Z

Убедитесь, что блок сценария выполняется после создания HTML-кода. Выполните скрипт в onLoad.

Вы также можете проверить, что сгенерированные идентификаторы идут от 1 до 100, на всякий случай.

Mohsin Inayat Khan · Answer 2 · 2014-04-13T14-16-00.000Z

Это приведет к ошибке, если количество элементов div меньше, чем "101", используемых в цикле. Однако, если вы добавляете divs через javascript, вы можете иметь скрытый элемент в форме, чтобы сохранить максимальное количество и увеличить его для каждого нового div.

function add_div() {
    // your code to add div element
    var max = document.getElementById("maxcount").value;
    document.getElementById("maxcount").value = parseInt(max)+1;
}