改变元素内容的方法：
.innerHTML=内容（可识别标签）
.innerText=内容（只识别文本）
如果把属性作为集合，那么样式就是这个集合的元素。样式（style）也是一种属性，样式后面的内容是样式（style）的属性值 属性值里面的内容为 样式名：样式值
Eg：
<div id=“title”style=“color: red；”>我爱你</div>
此元素中红色部分为属性（=前），属性值（=后），color是样式名，red是样式值
改变元素属性的方法：
获取元素名.属性名=‘属性值’
Eg：
<!DOCTYPE html> <html lang="zh"> <head> <style> #study{ color: red; } </style> </head> <body> <div id="study">我爱你</div> </body> </html>
运行效果：
我们现在通过js来修改这div里面内容的样式，改成绿色：
<!DOCTYPE html> <html lang="zh"> <head> <style> #study{ color: red; } </style> </head> <body> <div id="study">我爱你</div> </body> </html> <script> let i = document.querySelector('#study'); i.style='color:green;'; </script>
运行效果：
所以这种修改有这个特点：修改后的内容会把之前原有的内容覆盖掉，只执行修改后的内容。这种方式，方便我们调试功能，修改元素属性。
改变元素样式的方法：
法一：获取元素名.style.样式名=‘样式值’
法二：获取元素名.style=‘样式名：样式值’
