JS 动态增加DIV 的大小

最新推荐文章于 2023-08-23 17:27:26 发布

_iorilan

最新推荐文章于 2023-08-23 17:27:26 发布

阅读量1.7k

点赞数 1

分类专栏： Javascript 文章标签： div function

本文链接：https://blog.csdn.net/lan_liang/article/details/7077475

版权

Javascript 专栏收录该内容

114 篇文章 1 订阅

订阅专栏

一开始，直接+=了，忘了取到的width和height都是带px的。记录一下，以后可能能用到

document.getElementById("btnLarger").onclick = function(){
if(document.getElementById("dropBox").width >= 800 || document.getElementById("dropBox").height >= 800){
return;
}


document.getElementById("dropBox").style.width = parseInt(document.getElementById("dropBox").style.width.split("px")[0]) + 10 + "px";
document.getElementById("dropBox").style.height = parseInt(document.getElementById("dropBox").style.height.split("px")[0]) + 10 + "px";


}


document.getElementById("btnSmaller").onclick = function(){
if(document.getElementById("dropBox").width <= 0 || document.getElementById("dropBox").height <= 0){
return;
}


document.getElementById("dropBox").style.width = parseInt(document.getElementById("dropBox").style.width.split("px")[0]) - 10 + "px";
document.getElementById("dropBox").style.height = parseInt(document.getElementById("dropBox").style.height.split("px")[0]) - 10 + "px";
}