一、Dom简介
什么是API?
应用程序编程接口(Application Programming Interface,API)是软件系统预先定义的接口,用于软件系统不同组成部分的衔接。每一种开发语言都有自己的API。
例如console.log方法。就是JS的一个API。
文档对象模型(Document Object Model,DOM)用于处理HTML文档的编程接口。
翻译:对HTML内部的标签进行处理。
二、如何通过DOM获取元素节点
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h3 id="c" name="b">我是h3标签</h3>
<h3 class="a">我是h3标签</h3>
<h3 class="a">我是h3标签</h3>
<p name="b" class="a">我是p标签</p>
<script>
//通过DOM节点获取HTML元素的4种方法 每种方法都要掌握.非常相似.
//方法1:通过标签名获取元素
var a = document.getElementsByTagName("h3");
//此时就已经获取到了页面上所有的h3标签 注意返回的一定是一个数组(遍历).即使只有一个h3标签,也是数组.
//至于怎么去处理,就是后续的任务.
//方法2:通过class名获取元素
var b = document.getElementsByClassName("a");
//此时就已经获取到了页面上所有的class为a标签 注意返回的一定是一个数组(遍历).即使只有一个h3标签,也是数组.
//方法3:通过name获取元素
var c = document.getElementsByName("b");
//此时就已经获取到了页面上所有的class为a标签 注意返回的一定是一个数组(遍历).即使只有一个h3标签,也是数组.
//方法4:通过id获取元素 因为id是唯一标识符 所以返回的是一个元素,可以直接处理
var d = document.getElementById("c");
</script>
</body>
</html>