js知识点Web API整理

1、DOM（文档对象模型 - Document Object Model）

DOM的结构本质是一棵树，通过DOM操作可以对HTML结构进行获取、添加、删除、修改

DOM节点操作

dom节点分为：元素节点、属性节点、文本节点

获取节点

通过document对象内置的方法获取元素节点

document对象内置的方法	定义
document.getElementById(“id”)	通过元素ID获取
document.getElementsByTagName(“div”)	通过标签名获取（返回类数组）
document.getElementsByClassName(“class”)	通过class类名（返回类数组）
document.getElementsByName(“name”)	通过name属性（返回类数组）
document.querySelector(“css selectors”)	根据条件获取元素，多个匹配仅返回第一个
document.querySelectorAll(“css selectors”)	根据条件获取元素（返回类数组）
document.body	获取body
document.documentElement	获取html