DOM
我们都知道,JavaScript的组成部分就是ECMAScript加粗样式(语法规则,如同宪法)、BOM(浏览器对象模型,如同地方法)、DOM(文档对象模型)。DOM的操作是JS学习中的重中之重,在工作中用到的原声js实际就是对DOM进行各种各样的操作。这就牵扯到了选择器的区分和熟练应用。接下来我要对这些选择器做一个归纳总结。
Web前端之DOM选择器
1、选择器种类图片展示
这是我个人用Xmind工具统计出的选择器列表图示,
接下来就是重头戏了
2、类别及其用法
(1)document选择器
这里我用一个统一的html,body来演示,代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="box">
1
<p>hhahha</p>
</div>
<div id="box">2</div>
<div id="box">3</div>
<div class="cont">4</div>
<div class="cont">5</div>
<div class="cont">6</div>
<span>7</span>
<span>8</span>
<span>9</span>
<input type="text" name="user"