js美化页面

• document.getElementById

通过id获得html元素对象，参数是html文档中的id名字

• HTML 的属性操作：读、写

var p1 = document.getElementById('p1')；
p1.value = ....
p1.className = ....
p1.id = ....

• style属性

style属性时改变html的行内样式

var p1 = document.getElementById('p1')；
p1.style.fontSize = ....
pi.style.backgroundColor = ...

• this指针

this： 指的是调用 当前 方法（函数）的那个对象

function fn1(){
    // this
   alert(this)
}
fn1();
//若没写哪个类调用的方法，则默认为window.fn1()

var oBtn = document.getElementById('btn1');
oBtn.onclick = fn1; //点击按钮触发的事件，所以是按钮调用的方法，所以this指代的是被点击的按钮