js如何设置div的宽高

JavaScript015

js如何设置div的宽高,第1张

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>test</title>

<style>

#div {

width: 100px

height: 50px

border: 1px solid red

color: green

text-align: center

}

input {

width: 250px

}

</style>

<script>

function test() {

var a = document.getElementById('a')

var b = document.getElementById('b')

var div = document.getElementById('div')

div.style.width = a.value + 'px'

div.style.height = b.value + 'px'

}

</script>

</head>

<body>

<div>宽度（默认100px）：<input type="text" id="a" placeholder="输入想要的宽度，点击测试看效果" /></div>

<div>高度（默认50px）：<input type="text" id="b" placeholder="输入想要的高度，点击测试看效果" /></div>

<div><button onclick="test()">点击测试</button></div>

<div id="div">来改变我</div>

</body>

</html>

js如何让一个div的高度等于窗口的高度 <HTML>

<HEAD>

<style>

div{border:1px solid redwidth:300pxheight:200px}

</style>

<SCRIPT>

window.onload=function modify(){

var s=document.body.clientHeight

document.getElementById("modss").style.height=s

alert(s)

}

</SCRIPT>

</HEAD>

<BODY>

<div id="modss">div的高度等于窗口的高度</div>

</BODY>

</HTML>

不知道是不是你要的。如果不是可以追问我……

如何让一个div的值等于当前浏览器高度的45%？jquery

$("div").offset.(0.45*$(window).height())

怎么让div的高度等于网页的高度

整个网页的高度一般是不用去设置的，都是靠每个子div累计出来的。

比如说网站的文章页，大家都知道，网站文章有长有短，这就会影响这个网页的高度。所以说网页的整个高度一般是不用去设置的!

怎样让一个div高度和浏览器高度一样

css: , body {height: 100% } .div100 {height: 100% }javascript:var div100 = document.getElementsClassName('div100') div100.style.height = document.body.clientHeight jquery:$('.div100').height($(window).height())

js如何 设置某个对象的高度,如div 等

举个例子吧：

<div id="test" class="page_speeder_1613902236">这是测试的div</div>

<input type=botton value="增加50px" onclick="add()" />

<script>

var o=document.getElementById('test')获得元素

function add(){

var w=o.offsetWidth获得原始宽

o.style.width=w+50+'px'设置宽度

}

</script>

js如何给div增加高度？, 如何用js获取div的高度

function AdjustColumnsHeight() {

var mainCol = window.document.getElementById('MainColumn')

var leftCol = window.document.getElementById('MainLeft')

var rightCol = window.document.getElementById('MainRight')

var hMainCol = mainCol .offsetHeight

var hLeftCol = leftCol.offsetHeight

var hRightCol = rightCol.offsetHeight

var maxHeight = Math.max( hMainCol , Math.max(hLeftCol, hRightCol))

mainCol.style.height = maxHeight + 'px'

leftCol.style.height = maxHeight + 'px'

rightCol.style.height = maxHeight + 'px'

}

上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

如何通过js改变div的高度

onload=function(){

通过GetElementById("")根据id获取div对象

然后

.css({height:200px,width:100px})进行设置

}

如何使用 JavaScript 获取页面，窗口的高度

javascript里面document.body的clientWidth、clientHeight、offsetWidth 、offsetHeight 等属性可以获得网页可见区域的宽和高，window和window.screen也有一些相关属性，例子代码如下：

<body><SCRIPT LANGUAGE="JavaScript">var s = ""s += "\r\n网页可见区域宽："+ document.body.clientWidths += "\r\n网页可见区域高："+ document.body.clientHeights += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)"s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)"s += "\r\n网页正文全文宽："+ document.body.scrollWidths += "\r\n网页正文全文高："+ document.body.scrollHeights += "\r\n网页被卷去的高："+ document.body.scrollTops += "\r\n网页被卷去的左："+ document.body.scrollLefts += "\r\n网页正文部分上："+ window.screenTops += "\r\n网页正文部分左："+ window.screenLefts += "\r\n屏幕分辨率的高："+ window.screen.heights += "\r\n屏幕分辨率的宽："+ window.screen.widths += "\r\n屏幕可用工作区高度："+ window.screen.availHeights += "\r\n屏幕可用工作区宽度："+ window.screen.availWidths += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"alert(s)</SCRIPT>

网页可见区域高： document.body.clientHeight

屏幕可用工作区高度： window.screen.availHeight

首先你得有个高宽比（比例），根据这个比，用js计算就是了。

function resizeHeight(id,size){

var ele = document.getElementById(id)

var width = ele.offsetWidth

ele.style.height = size*width+"px"

}

说明：id是div的id(String)，size是高宽比(Number)。

调用：

resizeHeight("youId",0.5)

window.onresize = resizeHeight("youId",0.5)