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

DEMO： http://jsfiddle.net/C2MWN/

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

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

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

您将操纵text.className属性（和/或classList属性）。

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

此外，请不要忘记使用}关闭您的功能。

参考：

style财产：https://developer.mozilla.org/en-US/docs/DOM/element.style
classList财产：https://developer.mozilla.org/en-US/docs/DOM/element.classList

Answer 2

使用以下代码

function growText() {
            var text = document.getElementById("t_left_text");
            text.style.fontSize ="22px";
}

工作示例http://jsfiddle.net/D2anZ/

Answer 3

这是一个使用CSS来完成你想要的版本。这样，如果您希望同时对不同的文本集执行此操作，并希望更改该字体大小，则只需要进行更改所需的一个位置。（或者，如果您还想添加其他css属性（颜色等）

<强> Fiddle

<强>的JavaScript

function growText() {
    var text = document.getElementById("t_left_text");
    text.className = 'large-font';
}

<强> CSS

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

javascript onclick功能放大文字

3 个答案: