一、HTML DOM 节点
在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:
- 文档是一个文档节点。
- 所有的HTML元素都是元素节点。
- 所有 HTML 属性都是属性节点。
- 文本插入到 HTML 元素是文本节点。
- 注释是注释节点。
二、Document 对象
当浏览器载入 HTML 文档, 它就会成为 Document 对象。
Document 对象是 HTML 文档的根节点。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
三、HTML DOM 定义的查找对象的方法
HTML文档常见的方法:
- getElementsByName()
- getElementsByTagName()
- getElementsByClassName()
- getElementById()
(一)、getElementsByName()
1、定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
2、语法
document.getElementsByName(name)
3、参数
name 必须。元素的名称。
4、实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>getElementsByName()实例</title>
<script>
function getElements(){
var f=document.getElementsByName("fruit");
alert(f.length);
}
</script>
</head>
<body>
苹果:<input name="fruit" type="radio" value="苹果">
香蕉:<input name="fruit" type="radio" value="香蕉">
<input type="button" onclick="getElements()" value="name为 'fruit'的元素数量?">
</body>
</html>
5、效果图