这是我参与【第五届青训营】伴学笔记创作活动的第八天 1. document.write()方法
只能将文本内容追加到前面的位置
文本中包含的标签会被解析
document.write('hello world');
document.write('
你好，世界!
')2. 元素innerText属性
将文本内容添加/更新到任意标签位置
文本中包含的标签不会被解析
3. 元素.innerHTML属性
将文本内容添加/更新到任意标签位置
文本中包含的标签会被解析
设置修改元素常用属性：
语法：对象.属性=值
设置/修改元素样式属性
1. 通过style属性操作CSS（适合修改样式比较少的情况）
语法：对象.style.样式属性=值
注意：如果属性有-连接符，需要转换成为小驼峰命名法，把-后面的第一个字母大写
赋值的时候不要忘记加css单位
2. 操作类名（className）操作CSS
语法：元素.className=’类名’
className是使用新值换旧值，如果需要添加一个类，需要保留之前的类名
3. 通过classList操作类控制CSS
为了解决className容易覆盖以前的类名，我们可以通过classList方法追加和删除类名
//追加一个类
元素.classList.add('类名')
//删除一个类
元素.classList.remove('类名')
//切换一个类 有该类就将该类删除，反之添加
元素.classList.toggle('类名')
设置/修改表单元素属性
<input type="checkbox" class="agree">
<button disabled>按钮
let btn=document.querySelector('button')
btn.disabled=false//可以让按钮可用
let checkbox=document.querySelector('.agree')
checkbox.checked=true//可以勾选复选框
定时器-间歇函数
1. 开启定时器
setInterval(函数，间隔时间)
间隔时间单位是毫秒 定时器返回的是该定时器是第几个定时器，该定时器的序号（非零数值）
2. 关闭定时器 3. 子节点查找：
childNodes获得所有子节点，包括文本节点(空格，换行)，注释节点等
children（重点）
仅获得所有元素节点
返回的还是一个伪数组
语法：父元素.children
