在dom模型中,一切皆为节点(元素节点、属性节点、文本节点)
document.getElementById("");
var nodes = document.getElementsByName("");
var inputElement = nodes[i]
inputElement.onchange = function(){
alert(this.value);
}
}
document.getElementsByTagName() 该方法不仅用在document上
下拉选的获取:
var selectNode = document.getElementById("selectId");
var optionNodes = selectNode.getElementByTagName("option");
alert(selectNode.value);
查看是否含有子节点:hasChildNodes()
nodeName/nodeType/nodeValue为只读属性!!!nodeType --1/2/3
获取节点的第一个子元素:document.getElementById("").firstChild
获取节点的最后一个子元素:document.getElementById("").lastChild
获取节点的所有子元素:document.getElementById("").childNodes
获取属性节点:document.getElementById("").getAttributeNode("")
获取父节点:document.getElementById("").parentNode.replace(newNode,oldNode);
获取属性的值:document.getElementById("").getAttribute("");
设置属性的值:document.getElementById("").setAttribute("",""); !如果属性不存在,则自动创建
创建元素节点:document.createElement("p")
创建文本节点:document.createTextNode("");
添加子元素:parentNode.appendChild(child);
插入到给定子元素节点的前面 :parentNode.insertBefore(newchildNode,childNode);
获取下一个兄弟节点:element.nextSibling;
删除节点:parentelement.removeChild(childNode); |