获取大型列表中元素的值

Question

我研究了这个问题，看起来大多数答案都与检索节点列表中第一个元素的值有关，具有唯一的 ID 或类名。

就是说，我正在使用 Adobe DTM 来跟踪下面示例代码中的事件。想象一下这样设置的充满 li 元素的页面。

<li id="af3a2eb0-cfe9-11e5-b131-6fc0b40730a0" class="theater__active__3-QdV theater__theater__nmQh3 theaterTheater">
    <div class="theaterHead theater__header__2Skwj"> 
      <div class="theater__logo__2uovm">
        <img class="" src="image" alt="logo">
      </div>
      <div class="theaterInfo theater__theaterInfo__2dTbj">
        <h3 class="theater__theaterName__1Pwxo">Arclight</h3>
        <p class="theater__theaterAddress__16_be">10000 Wilshire Boulevard, Los Angeles, CA</p>
        <span class="theater__distance__30qj2 theater__theaterAddress__16_be">4.4mi</span>
      </div>
    <div>
    </div>
   </div>
 </li>

我试图在单击其父 div 之一时获取 "h3" 元素的值。

到目前为止，我已将此设置为数据元素：

var myNodelist = document.querySelector(".theater__theaterName__1Pwxo");
var i;
for (i = 0; i < myNodelist.length; i++) {
    return myNodelist[i].value;
}

但它实际上 returns 是一个空白值，我不确定为什么！

Answer 1

您可以在点击事件中使用以下表达式来获取元素文本（确保将其附加到事件规则中的 prop 或 evar 中：

%this.@text%

注意： this 将引用当前单击的元素。

希望对您有所帮助。

获取大型列表中元素的值

Getting Value of an Element in a Large List

javascript

nodelist

adobe-analytics