JavaScript 动态生成 css选择器路径？

1.业务场景
我要手动触发一个任意dom的click 然后生成样式层级如下：

html结构：

<html>
    <body>
        <h3>标题</h3>
        <ul>
            <li></li>
            <li></li>
        </ul>
        <ul>
            <li></li>
            <li>这里触发点击事件</li>
        </ul>
        <ul>
            <li></li>
            <li></li>
        </ul>
    </body>
</html>

期望结果：

html>body>ul:eq(1)>li:eq(1)

下面是我写的js 目前只实现了层级，获取不到第几个元素求助：

var getClassName = function(event, name) {
  if (event.parentNode && event.parentNode.tagName) {
    return getClassName (
      event.parentNode,
      event.tagName + ">" + (name || "")
    );
  } else {
    return name;
  }
}

document.addEventListener("click",function(event){
    console.log(getClassName (event.target));
})

vue.js react javascript

阅读 2.9k

2 个回答

得票最新