0 
<script language="javascript" type="text/javascript">
function resize()
{ 
//alert("ok");
       var e = document.GetElementById("ImageEdit");
      e.style.width = "500px";

}
</script>


 <asp:Image ID="ImageEdit" runat="server"  BorderWidth="4"  Width="120px" Height="120px"  name="Image1"  /></td></tr>

 <input id="Button1" type="button" value="button"  onclick="resize();" />

ImageEdit幅が変わらないのはなぜですか？

4

2 に答える 2

2

それは：

getElementById()

ではない:

GetElementById()

私が以前にそれを見つけなかったなんて信じられない.

完全なコード サンプル:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript">
        function resize() {
            var x = '<%= ImageEdit.ClientID %>';
            alert(x);
            var e = document.getElementById('<%= ImageEdit.ClientID %>');
            e.style.width = "500px";
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Image ID="ImageEdit" runat="server" BorderWidth="4" Width="120px" Height="120px" name="Image1" />

        <input id="Button1" type="button" value="button" onclick="resize();" />
    </form>
</body>
</html>
于 2012-12-23T04:17:27.170 に答える
1

Seany84 の答えは正しいですが、プロジェクトで多くの Java スクリプトを使用する予定がある場合は、jQueryを使用することをお勧めします。

<head runat="server">
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $("#Button1").click(function () {
                $("#ImageEdit").width("500px");
            });
        });
    </script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Image ID="ImageEdit" runat="server" BorderWidth="4" Width="120px" Height="120px" name="Image1" />
    <input id="Button1" type="button" value="button" />
    </form>
</body>
于 2012-12-23T17:54:48.603 に答える