Javascript 如何更改div标记的innerhtml的位置

Javascript 如何更改div标记的innerhtml的位置,javascript,html,Javascript,Html,我有像这样的课 <div role="columnheader" class="cell">Value </div> 然后我得到了我的div有点像这样 <div role="columnheader" class="cell">Value <input type="checkbox" id="Value" > </div> 值 我在输入标记之前获取值。我希望这些值在输入标记之后。我有没有办法得到这个 答案示例 价值 而不

我有像这样的课

<div role="columnheader" class="cell">Value

</div>
然后我得到了我的div有点像这样

<div role="columnheader" class="cell">Value
    <input type="checkbox" id="Value" >
</div>
我在输入标记之前获取值。我希望这些值在输入标记之后。我有没有办法得到这个

答案示例 价值 而不是

divClass[].appendChild(inputChek);
使用以下命令:

divClass[].insertBefore( inputChek, divClass[].firstChild );
而不是

divClass[].appendChild(inputChek);
使用以下命令:

divClass[].insertBefore( inputChek, divClass[].firstChild );

您可以使用
prepend
功能


您可以使用
prepend
功能

您可以使用方法并将
afterbegin
设置为第一个参数

var-inputChek=document.createElement(“输入”);
setAttribute(“类型”、“复选框”);
setAttribute(“id”,“Value”);
document.querySelector('div')。insertAdjacentElement('afterbegin',inputChek)
您可以使用方法并将
afterbegin
设置为第一个参数

var-inputChek=document.createElement(“输入”);
setAttribute(“类型”、“复选框”);
setAttribute(“id”,“Value”);
document.querySelector('div')。insertAdjacentElement('afterbegin',inputChek)