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 -----------只是元素

猜你喜欢