Cake_Seller19 окт 2009 в 08:50

Пустые текстовые узлы в Internet Explorer'е

2 мин

2.2K

JavaScript *

Комментарии 14

pieceofsummer 19 окт 2009 в 08:53

Только мне кажется, что IE здесь поступает логичнее, чем стандарт?

Cake_Seller 19 окт 2009 в 08:59

Вы не одиноки в своём мнении. Некоторые тоже считают, что не имеет смысла веделять в отдельные узлы то, что при рендеринге всё равно не отображается.

Yaro 19 окт 2009 в 09:02

Однако при рендеринге может много чего не отображаться, что является вполне себе тегами. Видимость, имхо, не фактор.

Cake_Seller 19 окт 2009 в 09:04

Да нет, имеется ввиду как раз то, что тегами не является, а является именно непечатными символами — переносы строк, пробелы, табуляции…

homm 19 окт 2009 в 10:34

Не отображается? А если h1 и p инлайновые, тоже не отображается? Или дом дерево будет генерироваться в зависимости от css?

sashaeve 19 окт 2009 в 10:16

Полностью с вами согласен.

maxatwork 19 окт 2009 в 13:36

На самом деле, если следовать стандарту, то на первый попавшийся элемент завязываться плохо, надо проверить, что мы получили (nodeType или nodeType + nodeName), и в случае чего перейти к следующему, nextSibling не такой уж дорогой (и в большинстве случаев только один будет).

Разметка может поменяться, и все накроется.

Element.prototype.getFirstChildElement = function()
{
  var result = this.firstChild;

  while( result != null && result.nodeType != document.ELEMENT_NODE )
  {
    result = result.nextSibling;
  }

  return result;
}

alert( document.getElementsByTagName('div')[0].getFirstChildElement().tagName ); // неплохо на null проверить

Cake_Seller 19 окт 2009 в 14:20

Код представленный мною в примере я специльно упростил для наглядности. Конечно, в большинстве случаев прийдётся использовать дополнительную проверку узла, чтоб определить является ли он экземпляром объекта Element.