以下のHTMLを対象に、javascriptでgetelementbyidをつかって

Question

yuma_nishizaki

26

25もっと見る

100pt

ウェブ制作

以下のHTMLを対象に、javascriptでgetelementbyidをつかって

"expand", "shrink"をとりたいのですがnullになってしまいます。
どこがおかしいかわかるかたがいましたら教えてください。
よろしくお願いします！

<body>
<div id="container">
<div id="main">
<canvas id="myCanvas" width="300" height="400">
</canvas>
<canvas id="myCanvas2" width="300" height="400">
</canvas>
</div>
<p id="message"></p>
<div id="sub">
<h3><a href="#">見出し＃1</a></h3>
<div id="acc1">

<form>
<input type="button" value="拡大" id='expand' onClick="zoomIn()">
<input type="button" value="縮小" id='shrink' onClick="zoomOut()">
<input type="button" value="決定" id='decide' onClick="save_img()">
</form>

</div>
<h3><a href="#">見出し＃2</a></h3>
<div id="acc2">
<p>
test
</p>
</div>
<h3><a href="#">見出し＃3</a></h3>
<div id="acc3">
<p>
test
</p>
</div>
<h3><a href="#">見出し＃4</a></h3>
<div id="acc4">
<p>
test
</p>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#sub').accordion({
autoHeight : false
});
});
</script>
</div>
</body>

回答の条件

1人5回まで

登録：2011/12/18 21:44:52
終了：2011/12/18 23:12:19

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

yuma_nishizaki 2011/12/18 21:51:16

空のエレメントがあるとだめになるんですかねー？
http://oshiete.goo.ne.jp/qa/3201738.html

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2011-12-18T22:57:43+09:00

問題ありませんでした。
なぜgetElementByIdが入ったコードを乗せないのでしょうか。

onloadが終わる前に実行していたのかな？
http://jsfiddle.net/cherenkov/c8vYD/

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script>
window.onload = function() {
    alert(document.getElementById('expand').value);
    alert(document.getElementById('shrink').value);
};
</script>
</head>
<body>
<div id="container">
<div id="main">
<canvas id="myCanvas" width="300" height="400">
</canvas>
<canvas id="myCanvas2" width="300" height="400">
</canvas>
</div>
<p id="message"></p>
<div id="sub">
<h3><a href="#">見出し＃1</a></h3>
<div id="acc1">
<!-- <p> -->
<form>
<input type="button" value="拡大" id='expand' onClick="zoomIn()">
<input type="button" value="縮小" id='shrink' onClick="zoomOut()">
<input type="button" value="決定" id='decide' onClick="save_img()">
</form>
<!-- </p> -->
</div>
<h3><a href="#">見出し＃2</a></h3>
<div id="acc2">
<p>
test
</p>
</div>
<h3><a href="#">見出し＃3</a></h3>
<div id="acc3">
<p>
test
</p>
</div>
<h3><a href="#">見出し＃4</a></h3>
<div id="acc4">
<p>
test
</p>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#sub').accordion({
autoHeight : false
});
});
</script>
</div>
</body>
</html>

以下のHTMLを対象に、javascriptでgetelementbyidをつかって

ベストアンサー

Cherenkov15044932011/12/18 22:57:43

コメント（1件)

この質問への反応（ブックマークコメント）