js 获取div高度并重新设置div高度与宽度

js 获取div高度并重新设置div高度与宽度

var $=function(id) {

return document.getElementById(id);

}

function clickDiv()

{

$('testid').offsetWidth; // 20

$('testid').offsetHeight; //200

document.all.testid.style.width="1000px"; //js设置div宽度

document.all.testid.style.height="500px"; //设置div高度民主

//现在来重新设置一下testid的高度与宽度

//$('testid').offsetWidth = 300;

//$('testid').offsetHeight =300;

$('testid').style.className = 'idtest';

}

方法二

alert(document.getElementById("testid").scrollHeight+'px');

方法三

alert(document.getElementById("testid").clientHeight+'px');

#testid{

height:50px;

width:200px;

background:#3300CC;

}

.idtest{

height:80px;

width:150px;

background:#FFFFFF;

}

在html上js添加宽度,js 获取div高度并重新设置div高度与宽度相关推荐

  1. js读取cookie,js添加cookie,js删除cookie

    2019独角兽企业重金招聘Python工程师标准>>> js读取cookie,js添加cookie,js删除cookie,示例如下: <!DOCTYPE HTML PUBLIC ...

  2. JS 获取屏幕页面的高度,根据设置容器高度来展示页面

    最近公司有需求说客户的屏幕分辨率很大,导致页面显示高度老缺失下面一大截.对这个问题就行一个问题的解决. 屏幕信息: screen.height // 屏幕的高度 screen.width // 屏幕宽 ...

  3. html js 添加数据类型,js数据类型判断和转换

    8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 前言 无论笔试还是面试,总会问到数据类型和隐式转换.今天彻底整理一下这块的知识,希望对大家有帮助. 看到下面的题,是不是 ...

  4. html js添加随机数,js随机数(支持自定义范围)

    js随机数牵扯到的javascript的Math对象,Math提供对数据的数学计算,在随机数中常用的Math对象如下: 1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括1) ...

  5. 通过 JS 添加样式

    1. 通过 JS 添加样式 <script>// 获取box的DOM对象var box = document.getElementById("box");box.sty ...

  6. html 设置div的宽度

    html div设置宽度 使用width属性 width属性设置元素的宽度.(注意: width属性不包括填充,边框和页边距!) <div style="width:200px;&qu ...

  7. 上传身份证照片js_Asp.Net MVC 中JS通过ajaxfileupload上传图片获取身份证姓名、生日、家庭住址等详细信息...

    客户要求用身份证图片上传获取身份证的详细信息就下来研究了一下(现在的客户真的懒 身份证信息都懒得输入了哈哈...),经过慢慢研究,果然皇天不负有心人搞出来了.这个借助的是腾讯的一个SKD  腾讯优图云 ...

  8. html如何获取滚动条,js如何来实现获取滚动条宽度(代码示例)

    本篇文章给大家带来的内容是关于js如何来实现获取滚动条宽度(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 思路:通过创建一个元素,不要给元素设置边框,然后给元素设置ove ...

  9. 获取js里添加的css文件,用JS添加一个css文件

    我在这里发现了一些关于我的问题的问题,但我无法使用它. 通过JS点击它们时我会改变的CSS属性,JQuery的用JS添加一个css文件 Green Red /*$(document).ready(fu ...

最新文章

  1. OpenCV 车道线提取
  2. 数字取整或保留小数四舍五入的正确写法
  3. C++ Primer 5th笔记(6)chapter6 函数: 参数
  4. 20应用统计考研复试要点(part40)--概率论与数理统计
  5. 解决MySQL Server Logs不能正常查看的问题
  6. sass和compass基础用法
  7. Windows 8.1 新增控件之 Hyperlink
  8. eclipse maven scm
  9. 2021春节档票房超78亿元收官 总观影人次达1.6亿
  10. 【Flink on k8s】JConsole 远程监控 TaskManager
  11. 拜托!HTML渲染background-image的时候,url请一定加上‘ ‘(单引号)
  12. 4556: [Tjoi2016Heoi2016]字符串
  13. 我和Linux,不得不说的故事
  14. 小米android手机怎么刷机,小米手机要刷机如何进入recovery模式
  15. 联想拯救者 Legion Y7000P 安装 Ubuntu 18.04.2 LTS amd64 遇到的问题解决
  16. 【AD】原理图放置差分对,报错Missing Negative Net for differential pair
  17. springboot~使用自定义的aspect
  18. switch()的参数注意项(转)
  19. python-打气球
  20. C#开发Android应用实战——使用Mono for Android和.NET/C#

热门文章

  1. 什么是面向对象,如何用面向对象的思想写代码
  2. JavaScript第二个分水岭——对象
  3. 王者荣耀2022五一劳动节返场皮肤有哪些 返厂皮肤介绍
  4. 拥有管理员权限的安装包无法通过bat批处理写入注册表
  5. centos php raphf安装,centos安装pecl
  6. 使用node js 和天猫精灵 开发交互
  7. 注意力机制:基于Yolov5/Yolov7的Triplet注意力模块,即插即用,效果优于cbam、se,涨点明显
  8. java重定向的作用,java转发和重定向的区别
  9. java微信获取用户列表_微信公众平台 获取用户列表
  10. Tableau CA考试火山数据专题解析(2021.06.28考试真题)