<script>

var div1 = document.getElementById(‘div1‘);
var div2 = document.getElementsByClassName(‘div2‘)[0];//取出數組
var div3 = document.getElementsByTagName()//標簽選擇器
var div4 = document.getElementsByName()//name選擇器
alert(div1); //object HTMLDivElement
div1.innerHTML = "<b>加粗</b>"
div2.innerText = "<b>加粗</b>";
div1.style.color = "red";
div1.style.fontFamily = "華文彩雲";
div1.setAttribute(‘class‘,‘class1‘)//設置
div1.removeAttribute(‘style‘);//移除
div1.onclick = function(){
alert("點擊事件觸發");
div1.setAttribute(‘class‘,‘class2‘);
var new_div = document.createElement(‘div‘);
改樣式/改內容.....
new_div.innerHTML = "新元素";
document.body.appendChild(new_div);//增加
document.body.removeChild(new_div);//刪除
</script>

2017/9/21