Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Содержимое контейнера (объекта)
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Содержимое контейнера (объекта)

Страниц (1): [1]
 

1. isle - 26 Июля, 2010 - 10:58:35 - перейти к сообщению
Привет, форумчане! Никак в документации не могу найти получение содержимого контейнера, например, есть

CODE (htmlphp):
скопировать код в буфер обмена
  1. <span id="spanid">text</span>


Как в JS получить содержимое, желательно с элементами HTML (возможно, другими тегами SPAN) - "text"?

Варианты типа

alert(document.getElementById("spanid").data);

выдают андефайн.
2. duk - 26 Июля, 2010 - 11:15:47 - перейти к сообщению
document.getElementById("spanid").firstChild.nodeValue
3. isle - 26 Июля, 2010 - 11:25:55 - перейти к сообщению
duk, спасибо, работает. Эх, но появилась странная загвоздка: если статический тег беру - получаю содержимое, если же меняю через аякс (innerHTML), то получаю почему-то "нулл", хотя содержимое есть и обрабатывается раньше, даже спициально текст добавил для статики. А нельзя ли как-то динамически получить?
4. duk - 26 Июля, 2010 - 11:41:24 - перейти к сообщению
термин "динамически" не очень понятен...

попробуй document.getElementById("spanid").innerHTML
5. isle - 26 Июля, 2010 - 11:47:34 - перейти к сообщению
duk пишет:
термин "динамически" не очень понятен...


То есть, по умолчанию поставил содержимое "спана" от балды - "11", потом аяксом меняю:

document.getElementById("spanid").innerHTML = "22";

В итоге получаю алертом "null", хотя вижу на странице отображение "22".

Если же аяксом не меняю содержимое, т.е. оставляю по умолчанию "11", то оно выдается "11", если меняю (innerHTML="22"), то вместо "22" алерт дает "нулл". Не пойму, где косяк может быть, наверно, только статические контейнеры (котторые аяксом не меняются) показываются алертом - странно.

Думается, что пока обновляется содержимое аяксом в это время и появляется "нулл".
6. duk - 26 Июля, 2010 - 12:02:51 - перейти к сообщению
Думаю, дело в том, что innerHTML и firstChild.nodeValue все-таки немного разные вещи. Если обращаешься аяксом к innerHTML, то и в алерте потом пиши document.getElementById("spanid").innerHTML
7. isle - 26 Июля, 2010 - 12:08:10 - перейти к сообщению
Ага, сейчас так сделать попробовал, в итоге получаю картинку (она грузится, пока аякс работает, типа "подождите, загружаю"). Всё, понял, поставлю паузу на пару сек., а то "нулл" получаю потому что аякс не успевает подгрузить содержимое. Странно, ведь скрипты последовательно, а не одновременно запускаются. Причина ясна стала.

Спасибо огромное.
8. JustUserR - 31 Июля, 2010 - 17:05:29 - перейти к сообщению
isle Дело заключается в том каким образом браузер обрабатывает динамический HTML-код введенный в свойство innerHTML и на основе него строит DOM-модель для дочерних элементов - ведь рендеринг сам по себе занимает некоторое время и поэтому на самом деле выполнение происходит следующим образом Сначала вы изменяете значения innerHTML для контейнерного объекта и для него срабатывает специальное событие в результате чего браузер в фоновом режиме начинает обработку введенного HTML-кода - при этом процесс рендеринга можно заметить по тому факту что сразу после изменения значения innerHTML оно остается дословно одинаковым с тем текстом который был введен - однако после выполнения анализа браузер выполняет некоторое изменение оформления кода в соответствии со своими особенностями По этой причине даже значения innerHTML для объекта может отличаться от того чтобы было установлено в него - не говоря уже о различнии в дочерней DOM-модели
Тем не менее при просмотре на экране различий не видно по той причине что рендеринг выполняется несколько миллесекунд - и без stop-события вызываемого показом окна alert этих различий бы не было заметно

 

Powered by ExBB FM 1.0 RC1