サイズを取得する

書式

sizeArray = bytefx.$size(element)

element : ページ上のエレメント
sizeArray : サイズが格納された配列

説明

 エレメントのサイズを取得するにはbytefx.$size()を使います。パラメータにはサイズを取得したいエレメントを指定します。戻り値は配列になり最初の要素が横幅、2番目の要素が縦幅になります。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="bytefx_OS.js"></script>
<script type="text/javascript"><!--
function setSize(){
var objW = document.getElementById("w").value;
var objH = document.getElementById("h").value;
bytefx.$size2(document.getElementById("box"), objW, objH);
}
function getSize(){
var size = bytefx.$size(document.getElementById("box"));
alert(size[0]+", "+size[1]);
}
// --></script>
</head>
<body>
<h1>サイズ取得/設定をする</h1>
<form>
<input type="text" value="150" id="w" size="5">
<input type="text" value="50" id="h" size="5">
<input type="button" value="サイズを設定" onClick="setSize()">
<input type="button" value="サイズを取得" onClick="getSize()">
</form>
<div id="box">bytefxサンプル</div>
</body>
</html>