insertBefore formda çalışmayı durdurur div ı

Question

eklerseniz İstediğim kadar çok yazar ekleyebileceğim dinamik bir form oluşturdum.

<form action="uploadtodb.php" target="dummyframe" method="post" name="myform"> 
      <p> 
      Authors last name:  <input type="text" name="authorln[]" size="32" /> 
      Authors first names: <input type="text" name="authorfns[]" size="32" /> 
      </p> 
      <p id="add_author_button"> 
      <button type="button" onclick="add_author()">Add new author</button> 
      <button type="button" onclick="remove_author()">Remove last author</button> 
      </p> 
</form> 

fonksiyon add_author() MyForm yeni paragraf para Mükemmel çalışıyor

document.myform.insertBefore(para, document.getElementById("add_author_button")); 

olarak aşağıda belirtilen, ancak sonra buna bazı stilleri eklemek istedim ekler nerede. Bu yüzden ekledim:

Bu tür değişikliklerden sonra yanıt vermeyin.

Answer 1

Formlar için document.<form name>'u kullanabilmenize rağmen, yazarlarınız div gibi rasgele öğeler için bunu yapamazsınız. Neden sadece getElementById() kullanıyorsunuz?

document.getElementById("authors").insertBefore(para, document.getElementById("add_author_button"));