0

divJavaScript を使用してa の幅と高さを設定するにはどうすればよいですか?

これが私のコードです

<%@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>

maxxdivの幅と高さをmaxy値に設定したい。1pxまた、機能しているかどうかを確認できるように、境界線をに設定したいと思います。

ありがとう

4

2 に答える 2

6

使用する必要があります

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

と

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

また、スクリプトを実行する前にドキュメントがロードされていることを確認する必要がある場合があります。そうしないと、セット div が作成されていない可能性があります。これはwindow.onloadでfoillowsとして行います:

window.onload = function ()
{
  Javascript code goes here
}
于 2013-03-19T10:09:57.087 に答える
3

要素のstyle:

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

JSFiddle の例。

固定値であるため、この場合の境界線はおそらく CSS だけでより適切に制御できます。

div#set {
    border:1px solid #000;
}
于 2013-03-19T10:03:25.787 に答える