js获取html中body与div宽高

最新推荐文章于 2024-04-11 16:16:12 发布
最新推荐文章于 2024-04-11 16:16:12 发布
阅读量5.6k 收藏
点赞数
分类专栏： jquery html/css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bsh_csn/article/details/52513398
版权
  1. 获取body的宽高: 
宽: document.documentElement.clientWidth
高: document.documentElement.clientHeight
动态设置body: 
$("body").css("height",document.documentElement.clientHeight-10);
  1. 获取某个div的宽高
var heightNum = document.getElementById("right_div2").offsetHeight;
var widthNum = document.getElementById("right_div2").offsetWidth;

ps: "right_div2"不要写成"#right_div2"
bsh_csn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用JS(javascript)从另一个html中读取标题和正文body
01-30
用JS(javascript)从另一个html中读取标题和正文body
JavaScript获取Body的宽、高度
staywithc的专栏
11-26 920
找了一张图，收藏一下 
JS原生DOM操作 - 获得元素/网页大小/元素宽高
最新发布
cherry__yu的博客
04-11 1428
它返回一个对象，其中包含了left、right、top、bottom四个属性，分别对应了该元素的左上角和右下角相对于浏览器窗口（viewport）左上角的距离。scrollHeight和scrollWidth属性提供了元素内容的整体宽度和高度，指包括滚动条在内的视觉面积（包括因溢出而未显示在屏幕上的部分）。每个元素都有offsetTop和offsetLeft属性，表示该元素的左上角与父容器（offsetParent对象）左上角的距离。网页元素的绝对位置，指该元素的左上角相对于整张网页左上角的坐标。
html 获取body宽度,获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft
weixin_29172963的博客
06-10 287
//alert(offsetParent.tagName);}alert("ID:"+o.id+"\n\nL:"+nLt+" T:"+nTp+"\nW:"+o.offsetWidth+"H:"+o.offsetHeight);}style="height:100px;margin:0;padding:0;background:#00f;color:#fff;line-height:100px;te...
JavaScript笔记23_获取body和html方法
qqq777_的博客
12-15 283
JQuery获取body的大小
weixin_33816611的博客
10-30 2587
$('body').height(); $('body').width(); 转载于:https://www.cnblogs.com/Jim-william/p/4062572.html
js获取div高度的代码
10-30
在给定的标题和描述中，提到的是使用JavaScript获取一个具有id为"top"的`<div>`元素的高度。`<div>`是HTML中的一个常用容器元素，用于组合其他HTML元素，我们可以对其应用样式，如背景色、字体大小、内边距等。 `...
html中通过JS获取JSON数据并加载的方法
10-18
在HTML页面中，我们经常需要通过JavaScript来获取JSON数据，并将其加载到页面上显示。这篇内容将详细介绍如何通过JavaScript解析JSON数据并将其加载到HTML中。 首先，HTML部分提供了一个基本的容器结构，如示例代码...
js获取隐藏元素宽高的实现方法
12-28
网上有一些js获取隐藏元素宽高的方法，但是可能会存在某些情况获取不了。 例如： <!DOCTYPE html> <html lang=en> <head> <meta http-equiv=Content-Type content=text/html;charset=UTF-8 /&gt...
JS实现读取xml内容并输出到div中的方法示例
10-18
本示例探讨了如何使用JavaScript读取XML文件的内容，并将其显示在网页的div元素中。以下是实现这一功能的关键知识点： 1. **XMLHttpRequest对象**：在示例中，`xmltext = new XMLHttpRequest;` 创建了一个...
研究了一下div+css的高度自适应问题
10-30
我们可以使用 `clientHeight` 属性来获取下面的 div 元素的高度，然后将其减去上面的 div 元素的高度，最后将结果赋值给下面的 div 元素的 `height` 属性。 ```javascript <script type="text/javascript"> ...
js原生获取html的高度,js中怎么获得浏览器的高度？
weixin_28724661的博客
06-02 540
js中怎么获得浏览器的高度？下面本篇文章就来给大家介绍一下使用javascript获得浏览器高度的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在js中，可以使用HTML DOM innerHeight属性来获得浏览器的高度。innerheight属性返回浏览器窗口的文档显示区的高度。语法：获取window.innerHeight设置window.innerHeight=p...
js获取html元素宽度的思考
chen_wen_xian的专栏
11-24 819
分两种情况讨论： 1、使用内联样式，即直接把CSS写在HTML元素的style属性中 [xhtml] view plaincopy div id="d1" style="width:100px;height:200px;">              div>       通过以下js代码可以获取width等属性，
DOM获取body宽度高度时问题
dsa159245的专栏
04-16 1794
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"/&gt; &lt;title&gt;未命名&lt;/title&gt; &lt;script&gt; window.onload = function(){ //alert(document.documentElemen
Jquery获取浏览器窗口和Body长宽
刘凤飞
01-04 6593
alert("浏览器当前窗口可视区域宽度" + $(window).width()); //浏览器当前窗口可视区域宽度 alert("浏览器当前窗口可视区域高度" + $(window).height()); //浏览器当前窗口可视区域高度 alert("浏览器当前窗口文档对象宽度" + $(document).width()); //浏览器当前窗口文档对象宽度 alert("浏览器当前窗口
如何通过JS获取元素宽高
瓜冬瓜的博客
08-22 2016
方法一：DOM节点.offsetWidth/offsetHeight 作用：获取到的是内容区域（content） + 内边距（padding） + 边框（border）的值，输出一个数字。 <style type="text/css"> div{ width: 100px; height: 100px; ...
区分-----js读取css中的高宽
qq_51640133的博客
07-08 204
js读取高宽
如何获取html的页面宽度和高度,js获取屏幕，浏览器及网页的宽度和高度
weixin_27024175的博客
06-07 528
在前端的动态逻辑中，有时候需要使用js获取浏览器可视区域，屏幕或是网页的宽度和高度。那么在原生的js代码是能让jq插件中是如何操作的呢？原生js获取各个对象的高度和宽度js代码：IE浏览器：document.body.clientWidth//BODY对象宽度document.body.clientHeight//BODY对象高度document.documentElement.clientW...
jquery获取html的高度,Jquery 获取各种高度、宽度【整理】
weixin_29015127的博客
06-08 1146
alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height());//浏览器当前窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括...
js把标签div写入body指定位置中
05-05
你可以使用 JavaScript 中的 DOM 操作来将一个 `<div>` 标签写入到 `<body>` 中的指定位置。以下是一个简单的例子： HTML: ```html <body> <div id="myDiv">这是我的 div 标签</div> <div id="targetDiv">这是我...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值