Javascript—单击另一个子元素后获取子元素的值

这一定很简单，但我还是不明白。。。下面是一个例子，我试过——我只想得到 单击黄色背景后，[a id=m75813]即“m75813”中的值应适用。句子文本。其他样品。你好，世界。

---

由于元素有一个ID，您可以通过该ID查找它。ID必须是唯一的，但要继续读取，我怀疑您不想这样做：

h{ 背景：浅蓝色； } .pb{ 显示：内联块 } .cb{ 清楚：两者都有 } .文本{ 背景：ffc； 边框：1px000 } 单击黄色背景后，[a id=m75813]即“m75813”中的值应适用。句子文本。其他样品。你好，世界。

---

由于元素有一个ID，您可以通过该ID查找它。ID必须是唯一的，但要继续读取，我怀疑您不想这样做：

h{ 背景：浅蓝色； } .pb{ 显示：内联块 } .cb{ 清楚：两者都有 } .文本{ 背景：ffc； 边框：1px000 } 单击黄色背景后，[a id=m75813]即“m75813”中的值应适用。句子文本。其他样品。你好，世界。 您可以这样做：

<div class="text" onclick="alert(document.getElementById('m75813').id);">
    After clicking on the yellow background, the value from [a id="m75813"] (ie. 'm75813') should apppear. Sentence text.<br> Other sample.<br> Hello world.
  </div>

您可以这样做：

<div class="text" onclick="alert(document.getElementById('m75813').id);">
    After clicking on the yellow background, the value from [a id="m75813"] (ie. 'm75813') should apppear. Sentence text.<br> Other sample.<br> Hello world.
  </div>

---

现在的情况是，查询返回的是文本节点，其中包括空格（如换行符）以及HTML节点，因此元素不在预期的索引中。querySelector“a”是一种更简单的方法，但如果您确实希望通过目标在DOM结构中的位置来选择目标，则可以分别使用firstChildElement和children，而不是firstChild和childNodes，因为它们排除了文本节点：

this.parentElement.firstElementChild.children[1].firstElementChild.id

h{ 背景：浅蓝色； } .pb{ 显示：内联块 } .cb{ 清楚：两者都有 } .文本{ 背景：ffc； 边框：1px000 } 单击黄色背景后，[a id=m75813]即“m75813”中的值应适用。句子文本。其他样品。你好，世界。

---

现在的情况是，查询返回的是文本节点，其中包括空格（如换行符）以及HTML节点，因此元素不在预期的索引中。querySelector“a”是一种更简单的方法，但如果您确实希望通过目标在DOM结构中的位置来选择目标，则可以分别使用firstChildElement和children，而不是firstChild和childNodes，因为它们排除了文本节点：

this.parentElement.firstElementChild.children[1].firstElementChild.id

h{ 背景：浅蓝色； } .pb{ 显示：内联块 } .cb{ 清楚：两者都有 } .文本{ 背景：ffc； 边框：1px000 } 单击黄色背景后，[a id=m75813]即“m75813”中的值应适用。句子文本。其他样品。你好，世界。

---

你为什么要用这种复杂的方式来获取身份证？如果这段代码是以编程方式生成的，您可以在同级元素中生成适当的值…我只是想在这个div=text区域内单击时创建一个元素按钮..您为什么要尝试这种有点复杂的获取ID的方法？似乎如果此代码是以编程方式生成的，您可以在同级元素中生成适当的值…我只是想在这个div=文本区域内单击时创建一个元素按钮..首先，您可以执行alert'm75813'并保存查找@米克姆卡恩：因此继续思考：还有一个细微的区别：如果元素不存在，上面的代码将抛出。对于第一个，您只需执行alert'm75813'并保存查找；即可@米克姆卡恩：因此继续思考：还有一点区别：如果元素不存在，上面的代码将抛出。