前提：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