Javascriptの変数を<div class>内で表示したい

Javascript初学者ですが、お世話になります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>無題 1</title> <style type="text/css"> .content { position: relative; width: 1640px; height: 1050px; border: 1px solid #000000; } .photo { background-image: url('DSC_0112.JPG'); width: 100%; height: 100%; background-repeat: no-repeat;

}
.mozi{
position: absolute;
top: 50px;
left: 20px;
width: 210px;
height: 30px;
background-color: #c6001c;
color: #ffffff;
padding: 10px;
font-size: 30px;
text-align: center;
}
</style>

</head> <body> <script type="text/javascript"> ver AX=10; </script> <div class="content"> <div class="photo"></div> <div class="mozi"> <script type="text/javascript">alert(AX);</script> </div> </div> </body> </html>

この<div class="mozi">のところに変数AXの内容を表示したいですが、上手くいきません。
方法を御教示ください。

行動規範の内容に同意します

回答3件

変数がvarじゃなくてverになってる・・・。
上記修正して
alert(AX);
の部分を
document.write(AX);
に改め、保存してブラウザで開いたら動作しました。
MicrosoftExpressionでは変更後でもJavaScriptの部分は表示されなかったようです(設定次第かもしれませんが・・・)。
lazyeyed様、takito様、ありがとうございます。

投稿2016/02/01 02:56

sollalice

総合スコア35