1.元素节点操作:
1.1.document.getELementsByClassName("a");兼容IE678;
2.访问元素节点:
2.1:访问父节点;
par=标签元素.parentNode;
2.2:访问下一个兄弟节点;
var aaa=box.nextElementSibling(火狐,谷歌,ie9+)||box.nextSibling(ie6,7,8);
2.3:获取上一个兄弟节点:
var bbb=box.previousElementSibling(火狐,谷歌,ie9+)||box.previousSibling(ie6,7,8);
2.4:获取第一个子节点,获取最后一个子节点;
var ccc=box.firstElementChild(火狐,谷歌,ie9+)||box.firstChild(ie6,7,8);
2.5:获取最后一个节点;
var ddd=box.lastElementChild(火狐,谷歌,ie9+)||box.lastChild(ie6,7,8);
2.6:获取所有的子节点;
(1)childNodes 获取所有的子节点,包括元素节点,属性节点,文本节点,空格节点,(w3c支持); nodeType==1;才是元素节点;
nodeType==2;才是属性节点;
nodeType==3;才是文本节点;
(2)children 获取所有的子节点,虽然不是标准属性,但是用的最多,但是在ie6,7,8中包含注释节点;
3.DOM操作
1.节点的创建;
document.createElement("字符串");
调用者:document 参数:字符串 返回值:标签 功能:创建一个标签;
2.节点的添加
父节点. appendChild();
调用者:父节点 参数:元素节点 返回值:无 功能:向父元素的子节点最后添加一个节点;
3.节点的添加;
父节点.insertBefore(参数1,参数2);
调用者:父节点 参数:参数1新建节点,参数2参考节点(如果要是加入最后的話参数2写为null) 返回值:无 功能:像父元素添加一个节点或者添加一个节点在某某节点前面;
4.节点的删除
父节点.removeChild(参数节点)
调用者:父节点 参数:元素节点 返回值:无 功能:删除父元素下面的子节点
不知道父级的情况下可以写成,node.parentNode.removeChild(node);
5.节点的复制
var newElement=oldElement.cloneNode();
调用着:旧的节点 参数:布尔 返回值:复制的节点 功能:复制一个新节点;
如果参数为true,表示深层复制,复制节点,及自己的子节点,参数为false,表示浅层复制,复制节点本身;
4.节点属性的设置;
1.getAttribute(名称);获取属性名称;
2.setAttribute(属性名,属性值); 设置标签的属性;
3.removeAttribute(属性名); 删除标签属性;
调用者:元素本身 返回值:无
5.if...if...和if....else.....的区别;
if....else....... 判断第一个条件,判断完了,在判断第二个条件;
if.....if.......... 两个条件都判断;
6.切记!!!!
在javascript中,=是赋予的意思,==是等于的意思;===是全等的意思;