html js append和getElementByName

Question

为什么我不能getElementByName？

<form class="form" action="#"> 
         <p class="EmptySlot" hidden> 
          <input name="characters" type="radio" id="empty" disabled="disabled"/> 
          <label for="empty">Пустой слот</label> 
         </p> 
        </form> 

然后：

$(".form").append('\ 
     <p>\ 
      <input name="character" type="radio" id="' + notformatname + '" value="' + notformatname + '"/>\ 
      <label for="' + notformatname + '" id="charlabel">' + formatname + '</label>\ 
     </p>'); 

而且它不工作：

var radios = document.getElementsByName('character'); 

Answer 1

该方法将返回一个集合，而不是一个单一的元素。你可以试试...

$(".form")[0].append('\ 
     <p>\ 
      <input name="character" type="radio" id="' + notformatname + '" value="' + notformatname + '"/>\ 
      <label for="' + notformatname + '" id="charlabel">' + formatname + '</label>\ 
     </p>'); 

应该得到属于“形式”类第一种形式。

第二个应该工作，但请记住，“收音机”也将是一个集合。

Answer 2

。如果多个元素的名称为'character'，则getElementsByName可能会返回多个元素。

要获取返回的元素列表中的第一项，请尝试：

var radios = document.getElementsByName('character')[0];