Question

在javascript中引用HTML表单及表单中文本框等控件的方法

Answer 1

可以使用 DOM Document 对象下的 getElementsByXxx() 和 getElementByXxx() 方法。比如含有下面代码的 HTML 页面：

<input type="text" name="ourName" id="myID" />

可以使用下面的 JavaScript 代码访问这个元素：

<script type="text/javascript">
var elemMyID=document.getElementById("myID"); //访问特定 ID 的元素
var elemsOurName=document.getElementsByName("ourName"); //访问具有相同 name（如name="ourName"）的元素，返回的是多个元素的数组 
var elemsInput=document.getElementsByTagName("input"); //访问具有相同标签名（如<input>）的元素，返回的是多个元素的数组
</script>

以上是标准 JavaScript 实现方法，其中 getElementsByXxx() 方法不适合版本较旧的浏览器。另外，在 IE 中还可以直接通过 ID 访问元素，但不建议使用。

还有，引入 jQuery 等 JS 扩展库后，还可以使用选择器语法来访问元素，非常方便。