21、动态 HTML 开发全解析

动态 HTML 开发全解析

1. 操作 DOM 元素

1.1 通过 ID 查找元素

在操作文档元素时， getElementById() 函数是非常可靠的方法。它被所有符合 DOM Level 1 标准的浏览器支持，可用于访问具有正确分配 ID 属性的元素。其语法很简单：

element = document.getElementById("elementID");

例如，下面的代码将地址字段的引用分配给 element 变量：

element = document.getElementById("address");
// ...
<input type="text" size="30" id="address">

分配后， element 变量可用于访问所引用字段的属性和方法：

addresslength = element.length;

在使用 getElementById() 之前，建议测试浏览器是否支持该函数，以下 if 语句通常可以确保浏览器支持相应的 DOM 级别和 getElementById() ：