在表格单元格中的深div中插入HTML

Question

我有一个像这样的div：

<td class ="xyz">
    <div id = "1" class="1xyz">
        <div id="2" data-abc="abc" class="2xyz">
            <div id="3" tabindex="-1" class "3xyz">
                <input type="CheckBox" id="4">
            </div>
        </div>
    </div>
</td>

我想为input type =“CheckBox”

添加“disabled”

Answer 1

我不明白你的意思，但如果你只想禁用这个元素， 您可以使用disabled属性

<td class ="xyz">
    <div id = "1" class="1xyz">
        <div id="2" data-abc="abc" class="2xyz">
            <div id="3" tabindex="-1" class "3xyz">
                <input type="CheckBox" id="4" disabled>
            </div>
        </div>
    </div>
</td>

使用vanilla javascript：

<script>
document.getElementById("4").disabled = false; //enable
document.getElementById("4").disabled = true; //disable
</script>

jquery的：

<script>
$("#4").prop("disabled", true); //enable
$("#4").prop("disabled", false); //disable
</script>

Answer 2

document.getElementById("4").disabled = true;

如果那不是你想要的答案，你需要更清楚你的问题。