获取标签样式：
    (1)获取行内样式
    console.log(h1.style); // CSSStyleDeclaration对象
    console.log(h1.style.color);
    (2)getComputedStyle() 方法 获取css样式
    console.log(getComputedStyle(h1)); // CSSStyleDeclaration对象
    console.log(getComputedStyle(h1).color);
    console.log(getComputedStyle(h1).fontSize);

    相同点： style属性 和 getComputedStyle()方法 获取的都是CSSStyleDeclaration对象。
    不同点： 1) style属性 可读可写；获取的是行内样式
    2) getComputedStyle()方法 只读；既可以获取行内样式，也可以获取内部样式以及外部样式。

    修改标签样式：在JS中，通过style属性设置的标签样式，属于行内样式 。
    var h1 = document.querySelector(‘#title’);
    h1.style.color = ‘red’;
    （2）className（设置/获取 标签的class属性）

    hello world

    var p = document.querySelector(‘.txt’);
    p.onclick = function(){
    // p.style.color = ‘green’; //方式1
    p.className = ‘f-color txt’; //方式2
    }