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)代码>
值