[英]How to set div tag height and width using javascript?
如何使用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
以便可以查看其是否正常工作。
謝謝
您需要使用
document.getElementById('set').style.width = maxX + "px";
和
document.getElementById('set').style.height = maxY + "px";
另外,您可能需要確保在腳本運行之前已加載文檔,否則可能尚未創建set div。 您可以在window.onload中完成操作:
window.onload = function ()
{
Javascript code goes here
}
您將利用元素的style
:
document.getElementById('set').style.width = maxx + "px";
document.getElementById('set').style.height = maxy + "px";
document.getElementById('set').style.border = "1px solid #000";
作為固定值,在這種情況下,僅使用CSS可能會更好地控制border。
div#set {
border:1px solid #000;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.