javascript - 用于为 Google 跟踪代码管理器拉取元素类内部 html 的脚本

Question

我正在编写一个脚本，该脚本旨在提取仅在模糊上显示的段落的内部 html。我花了几个小时在这上面，但未能成功在我们的数据层中显示这个内部 html。

首先，数据层是自定义的(即不是 GTM 的默认数据层) - 不确定这是否会产生影响。

其次，我正在使用 JavaScript 来尝试实现这一目标。当用户从表单(这是第一个具有 ID 的父元素，它是该类之上的几个父元素)继续移动时，onblur 监听器会显示段落(没有元素 ID，只有元素类)。该段落传递验证消息(例如输入有效的电子邮件)。我试图将错误消息传递到数据层:

<script>
object.onblur=function(){
var myForm = document.getElementById('instantSearchForm');
if(myForm) {
var myPara = myForm.getElementsByTagName('error-message');
if(myPara.length) {
var paraValue = myPara[0].innerHTML;
dataLayer.push({inputError: paraValue });
}
}}
</script>

Answer 1

根据您的评论，我看到您正在使用类名称来选择元素。那你应该尝试一下

myForm.getElementsByClassName('error-message');

而不是

myForm.getElementsByTagName('error-message');