Javascript 使用特定窗口中的按钮更改字体大小<；部门>；

在编辑了下面共享的代码之后，我使用了下面的脚本

我在下面的回复中编辑了工作文件，几乎完全相同的东西工作得很好

我似乎错过了我的一些东西

任何帮助都将不胜感激

这是我正在使用的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>

函数resizeText（乘数）{
var elem=document.getElementById（“中间内容”）；
var currentSize=elem.style.fontSize | | 1；
elem.style.fontSize=（parseFloat（currentSize）+（乘数*0.2））+“em”；
}

这是表格代码：

<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>

字号

用于引用元素。对于正方向和负方向，也不需要函数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)" />

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

运行示例：

<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)" />

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

---

我希望我清楚你的问题

---

如果用

getElementById（“main”）

替换代码中的

body

，其中“main”是div的id，我认为它应该按照您的要求执行

我重新标记了这个问题。javascript不是java+scriptI我在您的运行示例中做了一些更改，以确保我对它有所了解，并且工作正常。当我把同样的东西应用到我的页面上时，它似乎不起作用。我可能做错了一些非常基本的事情，对此我深表歉意。这是我使用的java脚本函数resizeText（multiplier）{var elem=document.getElementById（“MiddleContent”）；var currentSize=elem.style.fontSize | 1；elem.style.fontSize=（parseFloat（currentSize）+（multiplier*0.2））+“em”}很抱歉，它不会让我以更好的方式将此作为评论发布，因此我会将原始问题编辑为我现在的问题。您在元素中硬编码了基于像素的字体大小，当您更改父元素的大小时，它不会神奇地更改这些大小。它是JavaScript，没有空间。我去掉了硬编码的字体大小，效果很好。非常感谢你。