数码资讯
javascript获得的具体实现高度的隐藏DOM
首先,克隆DOM,设置位置:绝对值,然后将其设置为较大的负值,然后显示它,最后得到DOM的宽度,然后移除。 具体代码如下: JS代码 复制代码代码如下所示: 功能getcss(元素,CSS){ 如果(窗口。getcomputedstyle){ 返回window.getcomputedstyle(元素
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
首先,克隆DOM,设置位置:绝对值,然后将其设置为较大的负值,然后显示它,最后得到DOM的宽度,然后移除。
具体代码如下:
JS代码
复制代码代码如下所示:
功能getcss(元素,CSS){
如果(窗口。getcomputedstyle){
返回window.getcomputedstyle(元素、null){样式};
} else if(元素。currentstyle){
返回元素的CSS currentstyle { };
{ }人
返回元素的CSS风格{ };
}
}
功能getwh(DOM){
无功得到=功能(元){
var;
宽度高度
创建一个i.tolowercase();
{一} = {什么元素'offset +我+我} { }元客户的| |;
});
返回WH;
};
如果(getcss(DOM,显示器)=不关){
VaR NDOM = dom.clonenode(真);
ndom.style.position =绝对的;
ndom.style.top = - 3000px;
ndom.style.display =阻止;
document.getelementsbytagname('body){ 0 }。appendChild(随机的);
VaR WH =得到(随机的);
ndom.parentnode.removechild(随机的);
返回WH;
}
返回获取(DOM);
}
测试
console.log(getwh(document.getelementbyid('content')));
VaR DOMA = document.createelement(),_ostyle = 的位置:绝对;Z指数:999999;宽度:92px;身高:22px;位置:绝对的;显示:无;;
doma.setattribute(风格
doma.style.csstext = _ostyle;
doma.setattribute(href
document.getelementsbytagname('body){ 0 }。appendChild(O);
console.log(getwh(DOMA));
功能getcss(元素,CSS){
如果(窗口。getcomputedstyle){
返回window.getcomputedstyle(元素、null){样式};
} else if(元素。currentstyle){
返回元素的CSS currentstyle { };
{ }人
返回元素的CSS风格{ };
}
}
功能getwh(DOM){
无功得到=功能(元){
var;
宽度高度
创建一个i.tolowercase();
{一} = {什么元素'offset +我+我} { }元客户的| |;
});
返回WH;
};
如果(getcss(DOM,显示器)=不关){
VaR NDOM = dom.clonenode(真);
ndom.style.position =绝对的;
ndom.style.top = - 3000px;
ndom.style.display =阻止;
document.getelementsbytagname('body){ 0 }。appendChild(随机的);
VaR WH =得到(随机的);
ndom.parentnode.removechild(随机的);
返回WH;
}
返回获取(DOM);
}
测试
console.log(getwh(document.getelementbyid('content')));
VaR DOMA = document.createelement(),_ostyle = 的位置:绝对;Z指数:999999;宽度:92px;身高:22px;位置:绝对的;显示:无;;
doma.setattribute(风格
doma.style.csstext = _ostyle;
doma.setattribute(href
document.getelementsbytagname('body){ 0 }。appendChild(O);
console.log(getwh(DOMA));
还有其他更好的方式来欢迎它。
具体代码如下:
JS代码
复制代码代码如下所示:
功能getcss(元素,CSS){
如果(窗口。getcomputedstyle){
返回window.getcomputedstyle(元素、null){样式};
} else if(元素。currentstyle){
返回元素的CSS currentstyle { };
{ }人
返回元素的CSS风格{ };
}
}
功能getwh(DOM){
无功得到=功能(元){
var;
宽度高度
创建一个i.tolowercase();
{一} = {什么元素'offset +我+我} { }元客户的| |;
});
返回WH;
};
如果(getcss(DOM,显示器)=不关){
VaR NDOM = dom.clonenode(真);
ndom.style.position =绝对的;
ndom.style.top = - 3000px;
ndom.style.display =阻止;
document.getelementsbytagname('body){ 0 }。appendChild(随机的);
VaR WH =得到(随机的);
ndom.parentnode.removechild(随机的);
返回WH;
}
返回获取(DOM);
}
测试
console.log(getwh(document.getelementbyid('content')));
VaR DOMA = document.createelement(),_ostyle = 的位置:绝对;Z指数:999999;宽度:92px;身高:22px;位置:绝对的;显示:无;;
doma.setattribute(风格
doma.style.csstext = _ostyle;
doma.setattribute(href
document.getelementsbytagname('body){ 0 }。appendChild(O);
console.log(getwh(DOMA));
功能getcss(元素,CSS){
如果(窗口。getcomputedstyle){
返回window.getcomputedstyle(元素、null){样式};
} else if(元素。currentstyle){
返回元素的CSS currentstyle { };
{ }人
返回元素的CSS风格{ };
}
}
功能getwh(DOM){
无功得到=功能(元){
var;
宽度高度
创建一个i.tolowercase();
{一} = {什么元素'offset +我+我} { }元客户的| |;
});
返回WH;
};
如果(getcss(DOM,显示器)=不关){
VaR NDOM = dom.clonenode(真);
ndom.style.position =绝对的;
ndom.style.top = - 3000px;
ndom.style.display =阻止;
document.getelementsbytagname('body){ 0 }。appendChild(随机的);
VaR WH =得到(随机的);
ndom.parentnode.removechild(随机的);
返回WH;
}
返回获取(DOM);
}
测试
console.log(getwh(document.getelementbyid('content')));
VaR DOMA = document.createelement(),_ostyle = 的位置:绝对;Z指数:999999;宽度:92px;身高:22px;位置:绝对的;显示:无;;
doma.setattribute(风格
doma.style.csstext = _ostyle;
doma.setattribute(href
document.getelementsbytagname('body){ 0 }。appendChild(O);
console.log(getwh(DOMA));
还有其他更好的方式来欢迎它。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。