用于提取文本的GTM CSS选择器

我在成功提交表单后提取文本时遇到问题。

我正在使用Chorme控制台进行检查。如下图所示，这是我可以遍历的最大值。你能帮我找到图表中的方框吗

---

document.querySelector（“body>div.body>div>section>div>div.col-md-12.main-content>div.alert.alert-success.fade.in>a”）选择父元素：

 el = document.querySelector("body > div.body > div > section > div > div > div.col-md-12.main-content > div.alert.alert-success.fade.in");

然后仅通过以下方式提取文本：

thetext = el.innerText;

---

删除“x”（更复杂的解决方案是查找元素的文本，而不依赖它是“x”，然后从字符串中删除它）。当然，您需要知道，在某些情况下，其中没有额外的文本，因为您无法控制正在遍历的HTML，因此，如果插入了其他文本，您也会得到它，但这是不可避免的。

消息文本需要包装在它自己的元素中，以便在被其他子元素包围时可以选择，可能是

span

元素。如果你使用ID，你就不必如此具体地针对它。在当前场景中，有什么方法可以跟踪它而不干扰开发人员？使用自定义HTML，或者甚至使用自定义变量，你可以获得父元素相对于{{Click element}的文本。如果您可以同时接受传入的锚定标记，则您可能可以将目标锁定在父级

alert

div上。@kgrg这是表单提交到新页面后显示的文本。Click元素不起作用从选择器中删除

>a

，因为这只会返回关闭按钮的值：“x”，而不是消息text@Jasmine是的，谢谢你发现这个。我已经编辑了答案。谢谢大家。我使用了霍沃斯的解决方案，并加了一点修饰。使用的代码是：function（）{var el=document.querySelector（“body>div.body>div>section>div>div>div>div.col-md-12.main-content>div.alert.alert success.fade.in”）；var thetext=el.textContent；return thetext；}