javascript - 如何改变div标签innerhtml的位置

Question

我有像这样的 div 类

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

</div>

之后，我将一些输入作为子元素添加到该 div 中。

var Header = SomeMethod.text;
var inputChek = document.createElement("input");
inputChek.setAttribute("type","checkbox");
inputChek.setAttribute("id",col[i].id);
inputChek.onchange = MyMethod;
divClass[].appendChild(inputChek);

然后我得到的 div 有点像这样

<div role="columnheader" class="cell">Value
    <input type="checkbox" id="Value" >
</div>

我在输入标签之前获取值。我想要输入标签后的那些值。有什么办法可以得到这个吗？

答案示例 值(value)

Answer 1

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

var inputChek = document.createElement("input");
inputChek.setAttribute("type","checkbox");
inputChek.setAttribute("id", 'Value');
document.querySelector('div').insertAdjacentElement('afterbegin', inputChek);

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