javascript onclick功能放大文字

Question

我不知道为什么,但我似乎无法让这个工作.

这是我放大字体的功能.

<script type="text/javascript">
    function growText() {
        var text = document.getElementById("t_left_text");
        text.font-size=22px;        
</script>

这就是我所说的

<div id="t_left" onclick="growText()">
    <br />
    <p id="t_left_text">Mountains are beautiful land structures <br /> that are a result of plate tectonics.</p>
    <br />
</div>

Answer 1

尝试:

text.style.fontSize = "22px";

演示: http ://jsfiddle.net/C2MWN/

如果要更改元素的CSS,则需要使用该style属性.要确定特定样式属性的名称,CSS名称将转换为驼峰大小写 - "font-size"变为"fontSize",以便标识符在JavaScript中有效.

虽然设置style属性肯定有效,虽然这是一个非常简单的示例,但处理添加和删除a可能更容易class.这在设置多个CSS属性时特别有用.该类可以定义为:

.enlarged-font {
    font-size: 22px;
}

你会操纵text.className财产(和/或classList财产).

根据您使用的浏览器,您可以通过在浏览器中使用JavaScript控制台轻松地为问题提供更好的描述(对我们中的一些人来说很明显).在Firefox中,您可以使用Firebug.在Internet Explorer和Chrome中,您可以使用开发人员工具.如果安装/启用,通常可以通过按键盘上的F12调出.

另外,不要忘记用a关闭你的功能}.

参考:

• styleproperty:https://developer.mozilla.org/en-US/docs/DOM/element.style
• classListproperty:https://developer.mozilla.org/en-US/docs/DOM/element.classList