DOM代表文档对象模型。简单来说,DOM指定HTML元素的结构表示。可通过四种方式使用DOM识别和定位Web元素。
- getElementById
- getElementsByName
- dom:name (仅适用于命名表单中的元素)
- dom:index
1. getElementByID
- 语法 :
document.getElementById("元素的id")
- 元素的ID - 它是要访问的Id属性的值。
- 例如,测验登录页面的“用户名”文本框的DOM值定义为:
document.getElementById("username")
2. getElementsByName
- 语法 :
document.getElementByName("name")[index] Name
- 要访问的name
属性的值。 index
- 用于指定所需元素位置的整数值。- 例如,本地登录页面的
username
文本框定义DOM值,如下所示:document.getElementByName("email_id")
3. dom:name
- 语法:
document.forms [“表单名称”].elements [“元素名称”]
- 表单名称 - 包含要访问的元素的表单标记的
name
属性的值。 - 元素的名称 - 它是要访问的元素的
name
属性的值。 - 示例 -
document.forms["home"].elements["userName"]
4. dom:index
- 语法:
document.forms [表单的索引].elements [元素的索引]
- 表单索引 - 表单相对于整个页面的索引(从
0
开始)的整数值。 - 元素的索引 - 表单相对于包含它的整个表单的索引(从
0
开始)的整数值。