Javascript 以编程方式将窗体设置为按钮的父级

在HTML页面中，我有以下按钮：

<div>

<span class="myBtn">

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

</span>

</div>

对于JS，我希望以这种方式进行更改，使按钮被表单“包围”：

<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。

var form=document.createElement（'form'）；
form.action='myURL'；
form.method='GET'；
var span=document.getElementsByClassName（'myBtn'）[0]；
var parent=span.parentElement；
表1.2.1（span）；
父母、子女（表格）

小小的狡辩，但在将其放入文档之前将跨度添加到表单中可能会使布局引擎的工作更轻松。@RobG非常好的建议，谢谢！（我花了一些时间才弄明白我需要先捕获跨度的父级，然后将跨度添加到表单，然后将表单添加到父级，但最终我做到了。）请注意，提交按钮不必位于表单内部，您可以使用其（表单ID的区分大小写匹配项）将其与表单关联，因此，只要表单在页面中的某个位置，按钮就会提交它。HTML页面无法更改，它是一个传统的intranet页面，我必须通过Android应用程序webview访问它（一个非常“原始”的案例）：-）我希望您可以使用脚本将表单插入任何位置。但是，至少在某些浏览器中，插入表单和修改输入的表单属性似乎不会将输入与表单关联起来：-（不过，如果它是在原始HTML中，它确实可以工作。