前提：1、至少要找到元素
2、页面上所有的东西数据类型都是一个字符串.
1、元素的内容：标签之中的东西
*1、innerHTML属性：
语法：获取：elem.innerHTML; - 往往都是用来做判断的
设置：elem.innerHTML="内容"; - 修改
2、innerText属性：
语法：获取：elem.innerText;
设置：elem.innerText="文本";
小总结：以上两个操作几乎相似，但是innerHTML才可以识别标签，innerText只能操作纯文本 - 只有双标签可用
*3、value属性：专为单标签input准备的获取和设置内容
语法：获取：input.value;
设置：input.value="值";
2、元素的属性：什么叫属性：<elem id class title href alt style src></elem>
1、获取元素的属性值 - 往往都是用来做判断的
elem.getAttribute("属性名");
2、设置元素的属性值 - 修改
elem.setAttribute("属性名","属性值");
属性的简化版操作：
1、获取元素的属性值：elem.属性名; - 往往都是用来做判断的
2、设置元素的属性值：elem.属性名="属性值"; - 修改
简化版小缺陷：1、class必须写为className
2、自定义属性不能操作，只能操作标准属性
3、元素的样式：
1、CSS定义的方式：
1、内联样式 - JS要操作最好就要操作内联样式
2、内部样式表
3、外部样式表 - 一阶段最适合开发时使用
2、为什么JS要尽量的操作内联样式：
1、优先级最高 - 写的JS的样式不至于别人给覆盖了
2、牵一发而动全身 - 内联样式只会修改到当前元素
3、语法：
获取：elem.style.css属性名; - 往往都是用来做判断的
设置：elem.style.css属性名="css属性值"; - 修改
特殊：1、css属性名写法不一样，把横线删掉换成驼峰命名法
CSS JS：
width width
background-color backgroundColor
border-top borderTop
