1.屬性寫操作：添加、替換、修改
元素.屬性名=新的值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input id="btn" type="button" value="按鈕" />
</body>
<script>
var Obtn = document.getElementById('btn');
Obtn.value='點擊'；
</script>
</html>
2.屬性的讀操作：獲取、找到元素
元素.屬性名
3.innerHTML：讀取元素內所有的HTML的內容
.innerHTML=新的值 （修改、替換元素內所有的HTML內容）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input id="text1" type="text" />
<input id="btn1" type="button" value="按鈕" />
<p id="p1">這是一些文字</p>
</body>
<script>
window.onload = function (){
var oBtn = document.getElementById('btn1');
var oText = document.getElementById('text1');
var oP = document.getElementById('p1');
oBtn.onclick = function (){
oP.innerHTML = oText.value;
};
};
</script>
</html>
注意：
1.JS中不允許出現‘-’，例如：font-size是錯誤的寫法，fontsize是正確的寫法。
2.JS中保留字、關鍵字：
給元素添加class不能用content.class，應該用content.className，允許把‘.’換成‘[]’，‘.’后面的值無法修改，‘[]’可以隨便寫。
3.相對路徑，innerHTML和顏色值不能拿來做判斷。