js操作元素

js中可以通过DOM操作来改变网页的内容、结构和样式，利用DOM操作元素可以改变元素的内容、属性等

1.改变元素(element)的内容

有两种方式，但是它们也有区别：

1. element.innerText
2. element.innerHTML

• 获取元素内容时候,innerText 会去掉空格及换行，而innerHTML会保留
• 设置元素内容时，innerText不识别标签(比如：div、span)，而innerHTML会识别并显示出相应标签状态下的内容样式
  

2.元素属性操作

• 获取属性的值 元素对象.属性名
• 设置属性的值 元素对象.属性名 = 值
• 注意：
  1.元素对象和属性名直接用点相连，通俗一点的话可以把点(.)译为 “的”
  2.表单元素属性操作，有一些属性disabled、checked、selected等属性的值是布尔型

3.样式属性操作

方式1：通过style属性

元素对象.style.样式属性 = 值；
这里需要注意的是：

• js里面样式采用驼峰命名法，如fontSize、backgroundColor等
• js修改样式，生成的是行内式，权重很高

<script>
        var div = document.querySelector('div');</