1.了解DOM对象
使用js 的语法, 获取到html 标签, 对于js来说 标签就是对象
作用,可以借助DOM 对象 对html 里面的标签和标签的属性进行增删改查
标签身上, 有什么属性,DOM对象身上也会有什么属性
如下图代码
<body>
<div id="box" title="hello">
</div>
<script>
//DOM对象
// 使用js 的语法, 获取到html 标签, 对于js来说 标签就是对象
// 作用,可以借助DOM 对象 对html 里面的标签和标签的属性进行增删改查
// 标签身上, 有什么属性,DOM对象身上也会有什么属性
//const box = document.querySelector('#box')这一步是获取DOM对象
const box = document.querySelector('#box')
console.dir(box) // dir能看到box结构
//一般我们用console.log(box) 打印一下,但是dir会更清楚的看清box内部结构
</script>
</body>
2.使用document.QuerySelectorAll('CSS选择器')
1.注意点document.QuerySelectorAll() 括号内写的是'css选择器'一定要带引号
2.如果是后代选择器记得加'.' id选择器加'#'
<body>
<div class ='box'></div>
<div id = 'box1'></div>
<script>
const box = document.querySelectorAll('.box')
const box1 = document.querySelectorAll('#box')
</script>
</body>
<body>
<ul>
<li>苹果</li>
<li>香蕉</li&