如何使用JavaScript设置div标签的高度和宽度？

如何使用JavaScript设置div的宽度和高度？如何使用JavaScript设置div标签的高度和宽度？

这里是我的代码

<%@page import="org.json.JSONObject"%> 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
    pageEncoding="ISO-8859-1"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>View JSON</title> 
<script type="text/javascript"> 
var rect1='{"minX": 0.0,"minY": 0.0,"maxX": 2460.0,"maxY": 3008.0}'; 
var rectangle = JSON.parse(rect1); 
var maxx=rectangle.maxX; 
var maxy=rectangle.maxY; 

***What should i do here?*** 

</script> 
</head> 
<body> 
<h5>JSON View</h5> 
<div id="set"> 
</div> 
</body> 
</html>

我要到div宽度设置为maxx和高度maxy值。我也想将其边框设置为1px，以便我可以看到它是否正常工作。

感谢

来源

2013-03-19 Shiju K Babu

从这样的字符串解析它为JSON的点是什么？为什么不制作一个对象文字？无论如何，JSON代表javascript对象表示法。另外，您需要将该脚本放在DOM的底部，以确保您希望操作的元素首先被解析和加载。 – Vinay 2013-03-19 10:05:41

只需执行'document.getElementById（“set”）。style.height = maxy +“px”'和类似的宽度'document.getElementById（“set”）.style.width = maxx +“px”'。对于边界来说''document.getElementById（“set”）。style.border =“solid 1px black”' – 2013-03-19 10:05:52

你可以在比你发布这个问题更少的时间内在谷歌上找到它:-) – Gatekeeper 2013-03-19 10:07:34

您需要使用

document.getElementById('set').style.width = maxX + "px";

和

document.getElementById('set').style.height = maxY + "px";

此外，您可能需要确保文档加载脚本运行之前，或者设定DIV不得已经创建。你这样做在window.onload作为foowows：

window.onload = function() 
{ 
    Javascript code goes here 
}

来源

2013-03-19 10:09:57 SteveP

你会利用元素的style：

document.getElementById('set').style.width = maxx + "px"; 
document.getElementById('set').style.height = maxy + "px"; 
document.getElementById('set').style.border = "1px solid #000";

JSFiddle example。

作为一个固定值，在这种情况下边界可能会更好地控制只用CSS。

div#set { 
    border:1px solid #000; 
}

来源

2013-03-19 10:03:25

如何使用JavaScript设置div标签的高度和宽度？

回答

相关问题