文章/答案/技术大牛

发布

社区首页 >问答首页 >如何确定任何html元素的正确路径，以激活脚本

问如何确定任何html元素的正确路径，以激活脚本
EN

Stack Overflow用户

提问于 2017-03-15 16:51:10

回答 1查看 50关注 0票数 0

我有一个问题要解决。我必须从Google Tag Manager发送事件到我的员工的应用程序，我的脚本运行良好，但我有一个问题，描述‘路径’到我的元素。例如，它是我的脚本：

document.getElementByClassName("name_of_class").setAttribute("onclick", "myapp('event.name_of_event')");

它工作得很好，例如：

<div class="btn btn-primary btn-md outline">
                        <a href="http://exampleshop.com/shop/">
                                                        </a>
                    </div>

我只是将div类的名称复制粘贴到我的脚本的'name_of_class‘中，并将我的'oneclik’属性添加到标记中，因此事件将发送到我的应用程序。

但在另一个例子中，就像这样：

<div clas="quick-access">
            <p class="welcome-msg">Default welcome msg! </p>
        <div class="shop-access">
        <ul class="links">
                    <li class="first">
<a href="http://exampleshop.com/customer/account/" title="My Account">My    Account</a></li>
        </ul>
    </div>

粘贴任何div类或li/ul类都无法将我的脚本‘定向’到此元素(本例中为MyAccount URL href )。所以我的问题是，如何确定任何html元素的正确路径？我尝试过这样的方法：

 document.getElementByTagName("a").getAttribute("My Account")
 document.querySelectorAll (a[href=" my_URL "])[0]

而且没有依赖性，因为一个元素可以使用另一种方法，而另一种则不能。有没有什么“通用”的方法，来描述在html中哪里运行我的脚本？我不是一个程序员，这是一种额外的任务，所以谢谢你的理解。

javascript

html

google-tag-manager

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-15 17:28:33

您可以使用浏览器的开发工具来查找CSS选择器。我使用Chrome，我希望其他浏览器也有类似的功能。

在Chrome中打开开发人员工具。从工具栏中选择“元素”。在developer工具栏的左上角是一个带有小箭头的图标。单击它，然后在页面中选择需要选择器的元素。这将在显示源代码的开发人员面板中突出显示。右键单击，从上下文菜单中选择“复制”，从子菜单中选择“选择器”。

不是执行自定义javascript转到GTM安装，而是创建一个DOM类型的新变量，将其设置为接受选择器，并将刚刚检索到的值复制到css选择器的字段中。例如。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42804955

复制

相似问题

问如何确定任何html元素的正确路径，以激活脚本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何确定任何html元素的正确路径，以激活脚本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何确定任何html元素的正确路径，以激活脚本
EN