代码之家  ›  专栏  ›  技术社区  ›  Always_a_learner

如何获取角坐标中的元素值

  •  0
  • Always_a_learner  · 技术社区  · 6 年前

    我有以下几个要点:

    <li class="someClass">value1<span>value2</span></li>
    

    上面的列表元素是通过vanila js生成的,因此点击事件绑定到它,如下所示:

    const list = Array.from(document.querySelectorAll(".someClass"));
      list.forEach(ele => ele.addEventListener('click', this.getListValue.bind(this)));
    
    getListValue(element)
    {
     console.log('output', element.target.innerText)
    }
    

    在输出中,我使用IE:

    output value1 value2
    

    铬:

     output value1
    

    我只需要价值1。对于给定的场景,有没有一种方法可以获取li标签的值?

    谢谢

    1 回复  |  直到 6 年前
        1
  •  1
  •   Arne    6 年前

    您正在向DOM中添加元素,然后希望使用vanilla JS再次读取这些元素?我很难理解这和使用角度有什么关系,以及为什么你想要这个。。。

    Angular明确表示不鼓励自己与原生元素混为一谈。另外,在生成元素时,您已经有了值,为什么还要麻烦再次读取它呢?如果你无论如何都要坚持这种方法,那么你最好在生成html时添加on click,你应该已经有了value1。

    无论如何,假设你的方法真的有一个有效的用例,并且不只是将复制粘贴的代码粘在一起,而完全忽略角度概念(或任何真正的概念),看看: Is there a way to get innerText of only the top element (and ignore the child element's innerText)?