学习视频是Link老师的教程:黑马程序员前端JavaScript入门到精通全套视频教程,javascript核心进阶ES6语法、API、js高级等基础知识和实战教程_哔哩哔哩_bilibili
Day 1
1、根据CSS来获取DOM元素
document.querySelector('css选择器')
//获取匹配的第一个元素
//输出时可采用console.dir or console.log
document.querySelectorAll('css选择器')
//以伪数组形式返回所有元素
//没有增删改查,但是有遍历
2、修改文字内容
Object.innerText
//本质上是对象的一个属性,可以直接获取,也可以赋值修改
//纯文本,不解析标签
Object.innerHTML
//会解析标签,其余与innerText一样
3、数组操作(补充)
.push(res): 末尾添加
.pop(): 末尾删除
.unshift(res): 头部添加
.shift(res): 头部删除
.sort(): 排序
.splice(start,len): 截取数组
.indexOf(res): 检查存在性
forEach(function(item,index,arr){}):遍历数组
4、元素操作
对象.属性=值
//如:img.src = "/超天酱.png"