에 오신 것을 환영합니다. DOM World!
var nodeStatus = function (node) {
var temp = "";
if (node.nodeName ! = null) {
temp += "nodeName:" + node.nodeName + "n";
}
else {
temp += "nodeName:null!n"; //
,n
}
if (node.nodeType != null) {
temp += "nodeType:" + node.nodeType + "n";
}
else {
temp + = "노드 유형 :null!n";
}
if (node.nodeValue != null) {
temp += "nodeValue:" + node.nodeValue + "n";
}
else {
temp += "노드 값:null !n";
}
return temp;
}
var currentElement = document.getElementById('p1');
var msg = nodeStatus(currentElement);
//alert(msg);
var firstChild = currentElement . firstChild;
msg += nodeStatus(firstChild);
//父亲的下一个儿子->弟弟
var youngBrother = firstChild.nextSibling;
msg += nodeStatus(youngerBrother);
//2弟적儿子= p父亲적 大孙子
var grandSon = youngBrother.firstChild;
msg += nodeStatus(grandSon);
//孙子적父亲
var grandSonParent = grandSon.parentNode;
msg += nodeStatus(grandSonParent );
//孙子의 父亲적 兄长
var grandSonParentElderBrother = grandSonParent.previousSibling
msg += nodeStatus(grandSonParentElderBrother);
//大哥的父亲
var parent = grandSonParentElderBrother.parentNode;
msg += nodeStatus(부모);
//父亲적소儿子
var lastChild = parent.lastChild;
msg += nodeStatus(lastChild);
//父亲的所有儿子
var allChildInfo = "";
var allChild = parent.childNodes;
for ( 변수 i = 0 ; 나는 < allChild.length; i++) {
allChildInfo += nodeStatus(allChild[i]);
}
//alert(msg);
위 내용은 문서 개체 모델의 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!