Z-Blog(순수 JS 버전)에서 코드를 실행하는 방법 문서에서는 FF가 insertAdjacentElement를 지원하지 않기 때문에 "코드 실행" 링크가 표시되지 않습니다. 오늘 구글링해서 좋은 글을 찾았습니다. 다음 스크립트를 iedom4moz.js 파일로 저장하고 모든 페이지에서 호출하세요. 이제 모든 작업이 완료되었습니다. 다같이 즐기는 것보다 혼자 즐기는 것이 더 좋아서 공유합니다 ^_^
// JavaScript 문서
// 통합 인터페이스: FireFox에 대한 IE 메서드 및 속성 추가
if(window.Event){// 이벤트의 DOM 수정
/*
IE5 MacIE5 Mozilla Konqueror2.2 Opera5
이벤트 예 예 예
event.returnValue 예 아니요 no no
event.cancelBubble yes no no no
event.srcElement yes yes no no
이벤트 .fromElement 예 아니요 아니요
*/
Event.prototype.__defineSetter__("returnValue",function(b){//
if(!b)this.preventDefault ();
return b;
})
Event.prototype.__defineSetter__("cancelBubble",function(b){// 현재 이벤트 핸들러의 계층적 버블을 설정하거나 검색합니다
if(b)this.stopPropagation();
return b;
});
Event.prototype.__defineGetter__("srcElement",function(){
var node=this.target;
while(node.nodeType!=1)node =node.parentNode;
return node;
});
Event.prototype.__defineGetter__("fromElement",function(){//
var에서 나온 소스 노드를 반환합니다. 노드;
if(this.type=="mouseover")
node=this.관련Target
else if(this.type=="mouseout")
node=this.target ; 🎜> if(!node)return;
while(node.nodeType!=1)node=node.parentNode;
return node
})
Event.prototype.__defineGetter__( "toElement ",function(){// 마우스가
var node;
if(this.type=="mouseout")
node=this.관련Target;
else로 이동한 소스 노드를 반환합니다. if (this.type=="mouseover")
node=this.target;
if(!node)return
while(node.nodeType!=1)node=node.parentNode; > return node;
});
Event.prototype.__defineGetter__("offsetX",function(){
return this.layerX;
}); " offsetY",function(){
return this.layerY
})
}
if(window.Document){// 修수정Document적DOM
/*
IE5 MacIE5 Mozilla Konqueror2.2 Opera5
document.documentElement 예 예 s 예 예 아니요
document.activeElement 예 null 아니요 아니요 아니요
*/
}
if(window.Node){// 修수정Node적 DOM
/*
IE5 MacIE5 Mozilla Konque ror2.2 Opera5
Node.contains 예 예 아니요 아니요 예
Node.replaceNode 예 아니요 아니요 아니요 아니요
Node.removeNode 예 아니요 아니요 아니요 아니요
Node.childNodes 예 예 예 예 아니요 예 예 아니요 아니요 아니요
*/
Node.prototype.replaceNode=function(Node){ // 替换指定节点
this.parentNode.replaceChild(Node,this);
}
Node.prototype.removeNode=function(removeChildren){// 删除指정节点
if(removeChildren)
return this.parentNode.removeChild(this);
else{
var range=document.createRange();
range.selectNodeContents(this);
return this.parentNode.replaceChild(range.extractContents(),this);
}
}
Node.prototype.swapNode=function(Node){// 交换节点
var nextSibling=this.nextSibling;
var parentNode=this.parentNode;
node.parentNode.replaceChild(this,Node);
parentNode.insertBefore(node,nextSibling);
}
}
if(window.HTMLElement){
HTMLElement.prototype.__defineGetter__("all",function(){
var a=this.getElementsByTagName("*");
var node=this;
a.tags=function(sTagName){
return node.getElementsByTagName(sTagName);
}
return a; );
HTMLElement.prototype.__defineGetter__("parentElement",function(){
if(this.parentNode==this.ownerDocument)return null;
return this.parentNode;
});
HTMLElement.prototype.__defineGetter__("children",function(){
var tmp=[];
var j=0;
var n;
for(var i=0; i
n=this.childNodes[i];
if(n.nodeType==1){
tmp[j ]=n;
if (n.name){
if(!tmp[n.name])
tmp[n.name]=[];
tmp[n.name][tmp[n.name].length ]=n;
}
if(n.id)
tmp[n.id]=n;
}
return tmp;
});
HTMLElement.prototype.__defineGetter__("currentStyle", function(){
return this.ownerDocument.defaultView.getCompulatedStyle(this,null);
});
HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML){
var r=this.ownerDocument.createRange();
r.setStartBefore(this);
var df=r. createContextualFragment(sHTML);
this.parentNode.replaceChild(df,this);
return sHTML;
})
HTMLElement.prototype.__defineGetter__("outerHTML",function(){
var attr;
var attrs=this.attributes;
var str="<" this.tagName;
for(var i=0;i attr=attrs[i];
if(attr.specified)
str =" " attr.name '="' attr .value '"';
}
if(!this.canHaveChildren)
return str ">";
return str ">" this.innerHTML "" this.tagName ">";
});
HTMLElement.prototype.__defineGetter__("canHaveChildren",function(){
switch(this.tagName.toLowerCase()){
case "area":
case "base":
case "basefont":
case "col":
case "frame":
case "hr":
case "img":
case "br":
case " input":
case "isindex":
case "link":
case "meta":
case "param":
return false;
} > true를 반환합니다. ;
});
HTMLElement.prototype.__defineSetter__("innerText",function(sText){
var parsedText=document.createTextNode(sText);
this.innerHTML=parsedText;
return parsedText;
});
HTMLElement.prototype.__defineGetter__("innerText",function(){
var r=this.ownerDocument.createRange();
r.selectNodeContents(this);
return r.toString() ;
});
HTMLElement.prototype.__defineSetter__("outerText",function(sText){
var parsedText=document.createTextNode(sText);
this.outerHTML=parsedText;
return parsedText;
} );
HTMLElement.prototype.__defineGetter__("outerText",function(){
var r=this.ownerDocument.createRange();
r.selectNodeContents(this);
return r.toString() ;
});
HTMLElement.prototype.attachEvent=function(sType,fHandler){
var shortTypeName=sType.replace(/on/,"");
fHandler._ieEmuEventHandler=function(e){
window.event=e;
return fHandler();
}
this.addEventListener(shortTypeName,fHandler._ieEmuEventHandler,false);
}
HTMLElement.prototype.detachEvent=function(sType,fHandler){
var shortTypeName=sType.replace(/on/,"");
if(typeof(fHandler._ieEmuEventHandler)=="function")
this.removeEventListener(shortTypeName,fHandler._ieEmuEventHandler,false);
else
this.removeEventListener(shortTypeName,fHandler,true);
}
HTMLElement.prototype.contains=function(Node){// 是否包含某节点
do if(Node==this)return true;
while(Node=Node.parentNode);
false를 반환합니다.
}
HTMLElement.prototype.insertAdjacentElement=function(where,parsedNode){
switch(where){
case "beforeBegin":
this.parentNode.insertBefore(parsedNode,this);
휴식;
case "afterBegin":
this.insertBefore(parsedNode,this.firstChild);
휴식;
case "beforeEnd":
this.appendChild(parsedNode);
휴식;
case "afterEnd":
if(this.nextSibling)
this.parentNode.insertBefore(parsedNode,this.nextSibling);
else
this.parentNode.appendChild(parsedNode);
휴식;
}
}
HTMLElement.prototype.insertAdjacentHTML=function(where,htmlStr){
var r=this.ownerDocument.createRange();
r.setStartBefore(this);
var parsedHTML=r.createContextualFragment(htmlStr);
this.insertAdjacentElement(where,parsedHTML);
}
HTMLElement.prototype.insertAdjacentText=function(where,txtStr){
var parsedText=document.createTextNode(txtStr);
this.insertAdjacentElement(where,parsedText);
}
HTMLElement.prototype.attachEvent=function(sType,fHandler){
var shortTypeName=sType.replace(/on/,"");
fHandler._ieEmuEventHandler=function(e){
window.event=e;
return fHandler();
}
this.addEventListener(shortTypeName,fHandler._ieEmuEventHandler,false);
}
HTMLElement.prototype.detachEvent=function(sType,fHandler){
var shortTypeName=sType.replace(/on/,"");
if(typeof(fHandler._ieEmuEventHandler)=="function")
this.removeEventListener(shortTypeName,fHandler._ieEmuEventHandler,false);
else
this.removeEventListener(shortTypeName,fHandler,true);
}
}