Id가없는 양식 찾기 및 입력 요소 추가

Question

ID가 모름 인 양식에 입력 요소를 추가해야합니다. 페이지에 하나의 양식이있는 경우 아래 코드는 큰 일

var dd = document.createElement("div"); 
dd.id = "cont"; 
dd.name = "cont"; 
var pp = document.createElement("input"); 
pp.type = "password"; 
pp.name = "pass"; 
dd.appendChild(pp); 

document.getElementsByTagName('form')[0].appendChild(dd); 

하지만이 입력 요소가 위의 코드와 첫 번째 양식에 추가 얻을 페이지에 1 개 이상의 형태로있을 때. HTML 페이지에 몇 개의 양식이 있는지 모릅니다. 사용자는 페이지의 어떤 형태로든 스크립트를 배치 할 수 있습니다. 그래서 어떻게 입력 요소가 올바른 형태로 추가되는지 확인해야합니다. 일부 jQuery closest() 함수를 제안하지만 나는 순수 자바 스크립트를 선호합니다.
한 가지 작동 예제는 google recaptcha입니다. 거기에 스크립트를 넣고 정확히 U 원하는 양식에 정확한 텍스트가 나타납니다.

안녕하십니까, 순수한 자바 스크립트 코드의 도움을 많이 주시면 감사하겠습니다.

고맙습니다 ..

Answer 1

같은 형태로 input 태그를 삽입하려면 스크립트 태그를 넣은 위치. 이 특정 양식을 참조 할 수 있습니다.

var form = document.currentScript.parentNode; 
form.appendChild(dd); 

Answer 2

클래스 이름으로 형성 form, 와 자바 스크립트 FET에 Class 추가

document.getElementsByClassName('classname')[0].appendChild(dd);