Javascript dom结点操作总结

document.getElementsByName(name)：返回的是一个数组，按标签的name属性取值

document.getElementsByTagName(tagname)：返回一个数组，按标签名取值

获取元素结点属性：getAttribute

var anode = document.getElementById(“alink”);

var attr = anode.getAttribute(“title”);//则attr内存储的是这个标签的title值

为元素增加一个指定名称和值得新属性，或者把一个现有属性设定为指定的值：setAttribute()

anode.setAttribute(“title”,”aaa”);

获取元素子节点：childNodes//返回一个数组，是所选定元素节点下所有子节点的列表

var x = document.getElementByTagName(“ul”)[0].childNodes;//取得第一个ul标签下的所有子节点

firstChild:返回childNodes数组的第一个子节点；lastChild同理

获取元素父节点：parentNode（父节点只能有一个）

返回某节点之后紧跟的处于同一树层级中的结点：nextSibling(previousSibling同理)

 插入结点：appendChild()

var otest = document.getElementById(“test”);

var newnode = document.createElement(“p”);

newnode.innerHTML = “this is a new p”;

otest.appendChild(newnode);

insertBefore(newnode,node):在node结点之前插入newnode新结点

node.replaceChild(newnode,oldnode):用新节点替换旧结点

document.createElement(“input”):创建一个新节点input

 removeChild(node):从某个元素上删除某个节点，又返回值，返回被删除的结点

var x = otest.removeChild(otest.childNodes[1]);//删除otest元素里面的第一个子节点

 创建文本结点：createTextNode(data)【也是一个结点，可以进行所有节点操作】

var textNode = document.createTextNode(“Hello,World!”);

document.createElement(“div”).appendChild(textNode);