Javascript 如果文本太长，则减小字体大小

我想改变字体大小为36px，如果我的h1有两个以上的字，并保持原样，如果没有

这是我的代码：

window.addEvent('domready',function() {
    
        var $quote = ('#header .col-sm-12 h1');
    
        var $numWords = $quote.get('text').split(' ').length; 
    
        if (2 < $numWords) {
                $quote.setStyle('font-size','36px'); }
});

window.addEvent（'domready'，function（）{
var$quote=（“#header.col-sm-12 h1”）；
var$numWords=$quote.get（'text'）.split（''）.length；
如果（2<$numWords）{
$quote.setStyle（'font-size'，'36px'）；}
});

但是，它不起作用。怎么了

所讨论的地点是6wo.de

---

请注意：在这种情况下，使用视口单位通过CSS更改大小不是一个选项。

首先，它不是

addEvent

，而是

addEventListener

。那么您可能是指

DOMContentLoaded

，因为

domready

不是事件

要使标题更小，请提供一个id或类，以便在JavaScript中更容易地识别它

<h1 id="page-title">My page title</h1>

更新

如果出于某种原因不想为标题提供id，可以这样做

window.addEventListener('DOMContentLoaded', function() {
    const title = $('#page-title');

    var numWords = title.text().split(' ').length; 

    if (numWords > 2) {
        title.css('font-size', '36px');
    }
});

window.addEventListener('DOMContentLoaded', function() {
    const title = $('#header .bottom-header h1');

    var numWords = title.text().split(' ').length; 

    if (numWords > 2) {
        title.css('font-size', '36px');
    }
});

---

JavaScript是一个词，而不是两个词。感谢您回复：）我添加了您的代码，但它似乎仍然不起作用。我指的班级是。col-sm-12h1，你可以看到Hello Tobi发生了什么。在我的示例中，我为

h1

元素提供了一个id。但是在你的页面来源上，我看不到标题上的id。但是您也可以使用

#header.bottom header h1

来引用标题。因此，不是

consttitle=$（“#页面标题”）键入
consttitle=$（“#header.bottomheader h1”）谢谢你的回答。我尝试将它从
.col-sm-12 h1
更改为您建议的，但它似乎仍然没有任何作用。还有什么想法吗？