javascript - 访问包含从右到左文本的元素时出现奇怪问题

Question

我正在获取所有带有 className 的元素:“tickerFeedMessage”

如果元素的第一个子元素具有从右到左的 innerText 我无法访问它，只是我找不到它!!! , 循环经过它!

var stories = document.getElementsByClassName("tickerFeedMessage");

       for (i = 0; i < stories.length; i++)
         {
                 personName = stories[i].firstChild.innerText;
                 //some work
        }

------------------------------------------ ---

在第一张图片中，元素不可访问(类为“tickerFeedMessage”的 div)

但在第二张图片中，div 是可访问的!尽管它具有相同的类!

为什么？以及如何访问它并到达从右到左的 innerText

Answer 1

问题是你有两种不同的情况，你的问题是在 stories[i].firstChild。

在第一个示例中，您提供的返回 stories[i].firstChild 是一个 HTMLTextNode 元素，但在第二个示例中它是一个 HTMLSpan 元素。

您可以使用 .children[0] 而不是 .firstChild 因为第一个会忽略文本节点:

   var stories = document.getElementsByClassName("tickerFeedMessage");
   for (i = 0; i < stories.length; i++) {
       alert(stories[0].children[0].innerHTML);
   }

这是一个有效的 FIDDLE