javascript - 如何在没有 getElementById 的情况下获取元素的 Id

Question

假设我们有这个 html 场景:

请注意:

有意省略了表单的“action”和“method”属性。 “表单”标签就在这里，因为在我的实际项目中，我有一个类似的场景，并且围绕所有这些字段使用表单可能有助于处理请求。

<form id="form1">
    <div id="wrapperDiv">
        <div id="div1">
            <input type="text" id="searchField"/>
        </div>
        <div id="div2">
            <ul>
                <li><a href="javascript:void(0)" onclick="callFunction(this);">Hello</a></li>
            </ul>
        </div>
    </div>
</form>

<script type="text/javascript">
    function callFunction(x)
    {
         //When invoked this function sets the value of "searchField" to the respective link tag innerHTML
         //to set this you cant use something like:
         // var y = document.getElementById("searchField");
    }
</script>

Answer 1

要获取文本输入元素的值，我们可以使用文本输入对象的值属性:text_val = oText.value;

例如，如果我们有以下文本输入元素:

<input type="text" name="name" id="txt_name" size="30" maxlength="70">

我们可以像这样访问元素的值:

name = oForm.elements["name"].value;

要获取对文本输入元素的引用，下面是一些示例代码:

oText = oForm.elements["text_element_name"]; 或

oText = oForm.elements[index];

上述代码中，“index”为元素在从0开始的元素数组中的位置，oForm为使用document.forms集合获取的表单对象引用:

oForm = document.forms[index];