如何使用标签作为参考来检索id？

Question

我有以下HTML，如何从JavaScript中的代码input中检索name的ID？

<div class="named-tags">
     <label for="radio_01" class="radio" >
         <input type="radio" name="Name[labeled_tags][]" value="01" id="radio_button_01">
        Fblabel
         <span class="control-indicator">  </span>
         </label>
        </div>

Answer 1

使用document.getElementsByName('Name[labeled_tags][]')将返回具有指定标记的元素数组。

您最有可能想要选择带有标记名称的第一个元素，在这种情况下，您将使用document.getElementsByName('Name[labeled_tags][]')[0]

＆＃13;

＆＃13;

let inputElem = document.getElementsByName('Name[labeled_tags][]')[0];
console.log(inputElem.outerHTML);

＆＃13;

<div class="named-tags">
	<label for="radio_01" class="radio">
		<input type="radio" name="Name[labeled_tags][]" value="01" id="radio_button_01"> Fblabel
		<span class="control-indicator"> </span>
	</label>
</div>

＆＃13;

＆＃13;

＆＃13;