0

HTML5で簡単なプログラムを書いている初心者プログラマーです。ボタンをクリックしたときに画像を表示できないようです。これが私のコードです：

<p>
    <center>
    <button onclick="DeadTest()">
    <img src="BeginTest.gif"/></button></center></p>

    <script language="javascript" type="text/javascript">
        function DeadTest() 
        {
            <img style="border-width: 0px;" src="White.jpg" width="768" height="1280" />
        }
    </script>

数え切れないほどのサイトやフォーラムに目を通しましたが、うまく機能しないようです。alert() 関数を試してみましたが、機能しています。画像を呼び出すコードと関係があるに違いないと思います。

初めてのプログラマーなので、ばかげているように見えるかもしれません。教えてくれ、教祖よ...

4

2 に答える 2

2

JavaScript関数を正しく呼び出す方法とプロパティを変更する方法について、最初に基本を学びます。

私のサンプル デモを参照してください。そこから学んでいただければ幸いです。

http://jsfiddle.net/NgryM/1/

<script  type="text/javascript">
    function ButtonClick() 
    {
        alert('Button was clicked');
    }
    function ImageClick(){
        alert('Image was clicked');
    }
    function ChangeImageSrc(){
        var img = document.getElementById('myImage'); 
        img.src = "http://www.ivankristianto.com/wp-content/uploads/2011/05/Javascript.gif";
    }

    function ChangeSize(){
        var img = document.getElementById('myImage'); 
        img.height = "80";
        img.width = "40";    
    }

    </script>
<p>
    <center>
        <input type="button" onclick="ChangeImageSrc()" value="Change Image Src"/>
        <input type="button" onclick="ButtonClick()" value="Test Button Click"/>
        <input type="button" onclick="ChangeSize()" value="Change Size"/>
        <img id="myImage" src="http://www.mmncs.com/wp-content/uploads/javascript_logo.gif" onclick="ImageClick()"/>    
    </center>
</p>
于 2012-06-27T04:50:56.293 に答える
1 
<p><center><button style="background:url('Login_Button.png');width:86px;height:45px" onclick="DeadTest()"></button></p>
<div><img id="img1"  style="visibility:hidden" src="a3.jpg" width="768" height="1280" /></div>
<script>
    function DeadTest(){
        document.getElementById('img1').style.visibility='visible';
    }
</script>
于 2012-06-27T05:18:50.880 に答える