如何找到 "for" 属性 指向当前 DIV 或文本区域的标签

Question

我有两个元素，一个文本区域和一个 div，每个元素都附有标签（使用“for”）。 HTML::

<textarea  id="txta_1" class="txta" cols="40" rows="3" onkeyup="charCount(this)" ></textarea><br>
<label id="label_1" for="txta_1"></label>

<div id="DIV_1" class="DIV_" contenteditable onkeyup="charCount(this)" >hello</div>
<label id="label_2" for="DIV_1"></label>

Javascript 是：

function charCount(th)
{  ("Label element which is attached to it using the FOR").innerHTML = th.value.length; 
}

如何获取相应元素具有正确“for”属性 的元素？ 谢谢你，非常感谢

Answer 1

如果 HTML 标签被另一个元素上的“for”属性引用，它有一个 属性 element.labels 包含引用标签元素的列表。

参见：https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/labels

<label id="label1" for="test">Label 1</label>
<select id="test">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>
<label id="label2" for="test">Label 2</label>

const select = document.getElementById("test");
for(var i = 0; i < select.labels.length; i++) {
  console.log(select.labels[i].textContent); // "Label 1" and "Label 2"
}