JS--DOM

DOM获取元素

// 1 通过id获取元素
// var times = document.getElementById(‘time’);
// console.log(times);
// console.dir(times);

// 2   标签的对象集合   不管有几个li返回的都是伪数组
// var ols = document.getElementsByTagName('ol')[0];
// var list = ols.getElementsByTagName('li');
// console.log(list);


// 3   h5  ie9以上使用  getElementsByClassName    querySelector      querySelectorAll
// var one = document.getElementsByClassName('one');
// console.log(one);

// var list = document.querySelector('li');
// console.log(list);

// var lists = document.querySelectorAll('li');
// console.log(lists);

// var lists = document.querySelectorAll('.one');
// console.log(lists);


// 4  获取body标签
console.log(document.body);

//  5 获取html元素
console.log(document.documentElement);

事件基础

    // onclick  鼠标点击
    // onmouseover  鼠标经过
    // onmouseout   鼠标离开
    // onfocus  获取鼠标焦点
    // onblur  失去鼠标焦点
    // onmousemove   鼠标移动触发
    // onmouseup 鼠标弹起触发
    // onmousedown  鼠标按下触发

修改元素

innerHTML
innerText
属性操作 src href id alt title
操作表单元素的属性 type value checked selected disabled=true（禁用）
element.style 行