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

Posted 2023-02-19

【中文标题】单击按钮类时返回p类的innerhtml自定义javascript谷歌标签管理器

【英文标题】：return innerhtml of a p class when a button class is clicked custom javascript google tag manager

【发布时间】：2022-01-15 06:18:32

【问题描述】：

我正在尝试在 Google 跟踪代码管理器中创建自定义 javascript，以便在单击 div 中的特定按钮时返回 p 类文本元素。但是我的脚本一直返回相同的初始值。

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

function ()

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

HTML：

<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 文本元素？

【参考方案1】：

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

function (e)

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