关于两个兼容inner与element

最新推荐文章于 2022-05-26 16:52:43 发布

原创最新推荐文章于 2022-05-26 16:52:43 发布 · 321 阅读

CC 4.0 BY-SA版权

本文介绍了一种用于处理不同浏览器间兼容性的代码技巧，包括如何设置和获取元素的文本内容，以及如何跨浏览器获取第一个和最后一个子元素。这些方法有助于开发者在多种浏览器环境下保持网页的一致性表现。

一个兼容性代码，使用innerText与textContent
function setInnerText(element,text){
if(tyoeof(element.textContent=='undefined')){
element.innerText=text;
}else{
element.textContent=text;
}
}
//其次获得任意元素中的文本，因为识别问题，需要使用两种方式
function getInnerText(element,text){
if(typeof(element.textContent=='undefined')){
element.innerText=text;
}else{
return element.textContent=text;
}
}
//对于上面的两个函数，如果要获得处理结果就是得到最后的结果输出，就需要设置return，但是如果不需要结果，只要给函数中设置值，就不要return；
第二个兼容性代码--使用元素与节点的获取，IE8只可以使用节点获取方式来获取元素，其他的谷歌，火狐浏览器直接使用获取元素的方式
function getFirstElement(element){
if(element.firstElementChild){
rerurn element.firstElementChild;
}else{
var node=element.firstChild;
while(node&&node.nodeType!=1){
node=node.nextSibling;
}
return node;
}
}//-------------------------------------
function getLastElement(element){
if(element.lastElementChild){
rerurn element.lastElementChild;
}else{
var node=element.lastChild;
while(node.nodeType!=1){
node=node.previousSibling;
}
return node;
}
}//---------------------------------------