javascript - js通过id获取元素

Question

大家好!我有个疑问。我需要通过元素的 id 获取它。我知道我可以使用 document.getElementById() 或 jquery 选择器，但我不想使用 jquery 或任何其他库。这个想法是只使用 js 而不使用库来构建一个组件。

我遇到这种情况，代码生成的代码:

<div id="objprop">

    <div id="prop-header"><span>Mi Ventana</span></div>
    <div id="prop_width" style="clear: both;">
        <label style="margin-left: 7px; margin-bottom: 7px; float: left;">Width</label>
        <input type="text" style="float: right; margin-right: 7px; width: 70px;" id="width">
    </div>
    <div id="prop_height" style="clear: both;">
        <label style="margin-left: 7px; margin-bottom: 7px; float: left;">Height</label>
        <input type="text" style="float: right; margin-right: 7px; width: 70px;" id="height">
    </div>
    <div id="prop_left" style="clear: both;">
        <label style="margin-left: 7px; margin-bottom: 7px; float: left;">Left</label>
        <input type="text" style="float: right; margin-right: 7px; width: 70px;" id="left">
    </div>
    <div id="prop_top" style="clear: both;">
        <label style="margin-left: 7px; margin-bottom: 7px; float: left;">Top</label>
        <input type="text" style="float: right; margin-right: 7px; width: 70px;" id="top">
    </div>
</div>

所以，假设我想设置输入宽度 id 的值。我不确定是否使用 document.getElementById 因为 html 中可能有其他具有相同 id 的元素。

这是我的疑问

Answer 1

HTML specification规定 id 只能使用一次。它在整个文档中必须是唯一的。如果您正在处理有效文档，您应该可以轻松使用 document.getElementById()