Установите форму в качестве родителя кнопки программно

Question

В HTML странице У меня есть эта кнопка:

<div> 

<span class="myBtn"> 

<input type="submit" class="myClass" value="Cancel" id="cancel" name="myName" title="none"> 

</span> 

</div> 

С JS, я хотел бы изменить его таким образом, так что кнопка «окружение» по a Форма:

<div> 

<form action="myURL" method='GET'> 

<span class="myBtn"> 

<input type="submit" class="myClass" value="Cancel" id="cancel" name="myName" title="none"> 

</span> 

</form> 

</div> 

Возможно ли это? Я ищу простой, ванильный JS-решение, без JQuery.

Answer 1

var form = document.createElement('form'); 
 
form.action = 'myURL'; 
 
form.method = 'GET'; 
 
var span = document.getElementsByClassName('myBtn')[0]; 
 
var parent = span.parentElement; 
 
form.appendChild(span); 
 
parent.appendChild(form);

<div> 
 
    <span class="myBtn"> 
 
     <input type="submit" class="myClass" value="Cancel" id="cancel" name="myName" title="none"/> 
 
    </span> 
 
</div>