0

こんにちは、ボタンの形状のサイズを変更するのを手伝ってください。私は自分で試してみましたが、機能させることができません。以下は私がこれまでに持っているコードです 事前に感謝します

<html> 
<head>
<script>


function Smaller()
{
document.getElementById("rectangle1").height="50";
document.getElementById("rectangle1").width="50";
}



function resetsize()
{
document.getElementById("rectangle1").height="200";
document.getElementById("rectangle1").width="300";
}



 </script>
</head>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="width: 500px; height: 500px">
  <rect id="rectangle1" x="150" y="0"  width="300" height="200"   />
</svg>


    <input type="button" onclick="Smaller" value="Smaller" />
    <input type="button" onclick="resetsize" value="ResetSize" />

</body>
</html>
4

3 に答える 3

1
<html> 
<head>
<script>

function smaller() {
    document.getElementById("rectangle1").style.height="50px";
    document.getElementById("rectangle1").style.width="50px";
}

function resetsize() {
    document.getElementById("rectangle1").style.height="200px";
    document.getElementById("rectangle1").style.width="300px";
}



 </script>
</head>
<body>

<div style="min-height:500px">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="width: 500px; height: 500px" id="rectangle1">
  <rect x="150" y="0"  width="300" height="200"   />
</svg>
</div>


    <input type="button" onclick="smaller()" value="smaller" />
    <input type="button" onclick="resetsize()" value="ResetSize" />

</body>
</html>

ボタンのクリックプロパティをご覧ください。そして、yorsvg要素のIDはありません。:-)

于 2012-04-13T12:31:47.880 に答える
1

style次のように、属性を使用して DOM 要素の CSS プロパティにアクセスできます。

function smaller() {
    document.getElementById("rectangle1").style.height="50";
    document.getElementById("rectangle1").style.width="50";
}

function resetsize() {
    document.getElementById("rectangle1").style.height="200";
    document.getElementById("rectangle1").style.width="300";
}

コーディング規約に関するいくつかの注意事項: 通常、関数名と同じ行に関数の開き括弧を配置します。camelCase関数名は常にあるべきです。UpperCaseクラス名のみを保存します。最後に、if ステートメントなどの関数内でタブを使用するようにしてください。仲間の開発者が感謝します。=)


編集: HTML が次のようになっていることを確認します。

<input type="button" onclick="smaller()" value="Smaller" />
<input type="button" onclick="resetsize()" value="ResetSize" />
于 2012-04-13T12:29:21.030 に答える
-2

jQuery を使用して、この DOM の嫌悪感を回避する document.getElementById("fooo")

于 2012-04-13T12:51:57.307 に答える