0

以下で共有するコードに必要なものを編集した後、以下のスクリプトを使用しました。

以下の応答で作業ファイルを編集しましたが、ほとんど同じことがうまくいきました..

私の中に何かが欠けているようです...

どんな助けでも大歓迎です。

これは私が使用しているJavaスクリプトです

<script type="text/javascript">
function resizeText(multiplier) {
var elem = document.getElementById("MiddleContent");
var currentSize = elem.style.fontSize || 1;
elem.style.fontSize = ( parseFloat(currentSize) + (multiplier * 0.2)) + "em";
}
</script>

これはテーブルコードです:

<table border="0" id="MiddleContent">
<tr>
<td width="150" align="center">
<img src="../images/filler.jpg" width="146" height="104" />
</td>
<td  align="center" width="218" valign="middle">
<span style="color:#59461f; font-size:22px;">
Title of Story!
</span>
</td>
</tr>
<tr>
<td colspan="2" valign="top" style="font-size:14px">
<p>Lorem ipsum dolor sit amet, pellentesque tellus egestas, mauris cursus phasellus sit curabitur amet, molestias urna wisi.</p>
</td>
</tr>
</table>

そして最後に、これは私のボタンがある場所です:

<div id="fontSizeButton" align="center">
<table width="96" border="0">
<tr>
<td colspan="2" align="center">FONT SIZE</td>
</tr>
<tr>    
<td>
<input name="reSize" type="button" value="&nbsp;+&nbsp;" onclick="resizeText(1)" />
</td>
<td align="right">
<input name="reSize2" type="button" value="&nbsp;-&nbsp;" onclick="resizeText(-1)" />
</td>
</tr>
</table>
</div>
4

2 に答える 2

0

私はあなたが何を求めているのか明確であることを願っています.

bodyコード内の「main」を div の ID に置き換えるとgetElementById("main")、求めていることを実行する必要があると思います。

于 2013-04-22T13:53:01.160 に答える
0

要素を参照するには、getElementById()を使用します。また、正と負の方向で関数を 2 回使用する必要はなく、負の数を渡すだけです。

HTML:

<div id="foo">
    XXX
</div>
<input name="reSize" type="button" value="&nbsp;+&nbsp;" onclick="resizeText(1)" />
<input name="reSize2" type="button" value="&nbsp;-&nbsp;" onclick="resizeText(-1)" />

JavaScript:

function resizeText(multiplier) {
    var elem = document.getElementById("foo");
    var currentSize = elem.style.fontSize || 1;
    elem.style.fontSize = ( parseFloat(currentSize) + (multiplier * 0.2)) + "em";
}

実行例:

JSFiddle

于 2013-04-22T13:51:21.783 に答える