javascript - 从给定的innerHTML字符获取Element

Question

我有以下 HTML 代码:

<div id="root"><span id="first">a</span><span id="second">b</span></div>

从“a”字符开始，我想获取其父级 span 元素:

var a = document.getElementById('root').innerHTML[17]

可能吗？

Answer 1

提供您的 HTML，以下代码

document.getElementById('root').children[0].firstChild

会给你你的“a”文本节点，所以

document.getElementById('root').children[0].firstChild.parentElement

将为您提供父级SPAN，但这似乎有点多余，除非我遗漏了一些东西。

如果(更有可能的是)您有多个 SPAN，该 DIV 内包含不同的内容，并且您想根据内容查找特定的 SPAN - 您可以使用如下内容:

var aSpans = document.querySelectorAll('#root span');

for (var i=0, ln = aSpans.length; i < ln; i++) {
    if (aSpans[i].innerHTML == 'a') {
        console.log(aSpans[i]);
        break
    }
}