当单击按钮类时返回p类的innerhtml自定义javascript google标签管理器

Question

我试图在Google Tag Manager中创建一个自定义javascript，以便在div中单击特定按钮时返回p类文本元素。但我的脚本始终返回相同的初始值。

在GTM中，我根据类“myButton”设置触发器元素click。对于变量，我有一个自定义javascript代码。

function ()

  {
   var x = document.getElementsByClassName("test-here")[0].innerHTML;
 
    return x;
  }

超文本标记语言：

<div id = "mydivd1" class = "test">
<p class = "test-here">   I want to return this text 1</p>
<button class = "mybutton"></button>
</div>


<div id = "mydiv2" class = "test">
<p class = "test-here">   I want to return this text 2</p>
<button class = "mybutton"></button>
</div>

如何根据单击的当前按钮类返回正确的p文本元素？

Answer 1

不要在函数中使用文档，而是使用按钮的相对上下文。

function (e)

  {
   var x = e.target.parentNode.getElementsByClassName("test-here")[0].innerHTML;
 
    return x;
  }