JS-NO.6
노트
|nodeType|nodeName | nodeValue | ---| - 텍스트 노드 | 3 | "#text"| 텍스트 내용 요소 노드 | 1 | 대문자 라벨 이름 | null 주석 노드 | 8 | #comment | 주석 내용 문서 노드 | 9 | document | null
노드 관계
: ,
(function () {
var oUl=document.getElementsByTagName('ul')[0];
var aLi=oUl.getElementsByTagName('li');
var str='';
var oldBg=null; // ,
for(var i=1; i<=9; i++){
str+='<li>'
for(j=1; j<=i; j++){
str+='<span>'+(j+'*'+i+'='+j*i)+'</span>'
}
str+='</li>'
}
oUl.innerHTML=str;
// , , % ;
for(var i=0; i<aLi.length; i++){
aLi[i].className='bg'+i%3;
// : , , ;
/*aLi[i].oldBg='bg'+i%3;// , li , ;
aLi[i].onmouseover=function () {
this.className='change';
};
aLi[i].onmouseout=function () {
// , , oldBg ;
this.className=this.oldBg;
};*/
// 2:
aLi[i].onmouseover=function () {
oldBg=this.className;
this.className='change';
};
aLi[i].onmouseout=function () {
this.className=oldBg;
}
}
})();
getChildren
: ,
var oDiv=document.getElementsByTagName('div')[0];
var aP=getChildren(oDiv,'p');
var aSpan=getChildren(oDiv,'span');
var aChild=getChildren(oDiv);
function getChildren(parent,tagName) {
//1: ,
var aChilds=parent.childNodes;
//2: ,
var ary=[];
for(var i=0; i<aChilds.length; i++){
var cur=aChilds[i];
if(cur.nodeType===1){
/*if(typeof tagName==='undefined'){// ,
ary.push(cur)
}else{// , ;
if(cur.tagName.toLowerCase()===tagName.toLowerCase()){
ary.push(cur);
}
}*/
tagName?cur.tagName.toLowerCase()===tagName.toLowerCase()&&ary.push(cur):ary.push(cur);
}
}
return ary;
}
previouseSbling
: ,
1 div
111111
22222
33333
2 div
3 div
4 div
5 div
var oDiv=document.getElementsByTagName('div')[0];
var aDiv=oDiv.getElementsByTagName('div');
// : ;
/*
* : ;
* :
* : ;
* */
/**
* :
* @param curEle
* @returns preEle
*/
function prev(curEle){
// , previousElementSibling
if(curEle.previousElementSibling){
return curEle.previousElementSibling;
}
// previousElementSibling
var prev=curEle.previousSibling;
// : , ,
while(prev && prev.nodeType !==1){
prev=prev.previousSibling;
}
return prev;
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.