WebAPI乱炖

getElementById--单个元素

getElementsByTagName--得到数组

getElementsByClassName--得到数组

getElementsByName--得到数组

-------------------------------------------------

    * src,title,alt,href,id属性-------------直接 .属性
    * 操作表单标签的属性
    * name,value,type,checked,selected,disabled,readonly
    * 元素的样式操作
    * 对象.style.属性=值;

    * 对象.className=值;

    获取自定义属性this.getAttribute("score")

    设置自定义属性this.setAttribute("score")

    移除某个属性 removeAttribute

    *
    * 为元素添加事件的操作
    * 事件:就是一件事,有事件源,触发和响应
    *
    * this关键字----如果是在当前的元素的事件中使用this,那么this就是当前的对象

    * 内置对象:系统自带的对象
    * 自定义对象:自己写的对象
    * 浏览器对象:
    * DOM
    * DOM对象:------->通过DOM方式获取的元素得到的对象
    *
    * 元素:element:页面中的标签
    * 节点:Node:页面中所有的内容,标签,属性,文本
    * 根元素:html标签

    * 页面中的顶级对象---:document

-------------------------------------------------事件-------------------------------------------

onclick

onmouseover

onmouseout

onblur----失去焦点

onfocus

------------------------------------------------

//设置标签中的文本内容,应该使用textContent属性,谷歌,火狐支持,IE8不支持

  //设置标签中的文本内容,应该使用innerText属性,谷歌,火狐,IE8都支持

function setText(ele,text){
    if(typeof ele.textContent == 'undefined'){
        ele.innerText == text;
    }else{
        ele.textContent == text;
    }
}

----------------------------

节点指的就是页面中的所有内容---（标签，属性，文本）---这就是node节点

/  //ul标签的父级节点
//  console.log(ulObj.parentNode);
//  //ul标签的父级元素

//  console.log(ulObj.parentElement);---------两段代码一样的性质

子节点  childNodes----------一个完整的标签属性和文本算一个节点

子元素  children   -----------只是元素