当前位置: 首页 > news >正文

JS 动态增加DIV 的大小

一开始,直接+=了,忘了取到的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";
}
            


相关文章:

  • 在UltraWebGrid中验证填入数据
  • HTML5 拖拽图片到网页内
  • HTML5批量拖拽图片到网页
  • [创业] 美国硅谷风险投资行业的详细报告(2008年第四季度)
  • C# 异步调用代理类
  • C#事件和委托的基础知识模型
  • 异步发送HTTP请求
  • Flex开发流程设计器的经验之谈(2)
  • html5 涂鸦板
  • [IE编程] IE中使网页元素进入编辑模式
  • linux命令练习 笔记
  • [IE技巧] IE 中打开Office文件的设置
  • 配置系统未能初始化 错误的解决方案
  • [IE编程] IE中对网页进行截图的编程接口
  • c# 反射 遍历实体的所有字段,ObjectDumper类实现
  • E-HPC支持多队列管理和自动伸缩
  • ES6语法详解(一)
  • JS专题之继承
  • leetcode98. Validate Binary Search Tree
  • SpiderData 2019年2月23日 DApp数据排行榜
  • Web Storage相关
  • 搭建gitbook 和 访问权限认证
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 讲清楚之javascript作用域
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 两列自适应布局方案整理
  • 猫头鹰的深夜翻译:JDK9 NotNullOrElse方法
  • 批量截取pdf文件
  • 延迟脚本的方式
  • 一文看透浏览器架构
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • 阿里云服务器购买完整流程
  • 正则表达式-基础知识Review
  • ​决定德拉瓦州地区版图的关键历史事件
  • $(function(){})与(function($){....})(jQuery)的区别
  • (1)(1.13) SiK无线电高级配置(六)
  • (2020)Java后端开发----(面试题和笔试题)
  • (C语言)fgets与fputs函数详解
  • (C语言)共用体union的用法举例
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (Matlab)遗传算法优化的BP神经网络实现回归预测
  • (安全基本功)磁盘MBR,分区表,活动分区,引导扇区。。。详解与区别
  • (附源码)springboot人体健康检测微信小程序 毕业设计 012142
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (十二)springboot实战——SSE服务推送事件案例实现
  • (十七)Flask之大型项目目录结构示例【二扣蓝图】
  • (四) 虚拟摄像头vivi体验
  • (转)Android学习系列(31)--App自动化之使用Ant编译项目多渠道打包
  • (转)C#调用WebService 基础
  • .net 8 发布了,试下微软最近强推的MAUI
  • .NET 将混合了多个不同平台(Windows Mac Linux)的文件 目录的路径格式化成同一个平台下的路径
  • .Net 知识杂记
  • .NET学习教程二——.net基础定义+VS常用设置
  • /run/containerd/containerd.sock connect: connection refused
  • @GlobalLock注解作用与原理解析