学JavaScript,不得不说dom操作。
dom操作无外乎就是节点的增删改查。
增:
元素结点:var node=document.createElement("标签名");
文本结点:var txtNode=document.createTextNode("文本");
元素结点.innerHTML=文本
追加结点:
——>追加到尾部:父节点.appendChild(子节点);
——>追加到中间:父节点.insertBefore(新元素,就元素);
删:
父节点.removechild(子节点)
改:
——>修改内容:结点.innerHTML="";
——>修改属性:结点.setAttribute();
——>修改样式:结点.style.样式属性="值";
查:
document.getElementById()
document.getElementsByTagName()[index]
属性:
结点.childNodes 该结点下所有子节点
结点.firstChild 第一个子节点对象
结点.lastChild 最后一个子节点对象
案例:无刷新评论