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

使用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 回答
0

我希望我清楚你在问什么。

如果您将body代码中的getElementById("main")“main”替换为 div 的 id，我认为它应该满足您的要求。

于 2013-04-22T13:53:01.160 回答