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