javascript函数不改变字间距

Question

我正在尝试使用较小的屏幕尺寸缩小导航链接字间距。我知道你可以用其他方式使用媒体查询，但我正在尝试学习javascript。我在哪里错过了？

<script>
    function navresize() {
       var w = window.outerWidth;
       if(w < 1000) {
       document.getElementsByTagName("nav").style.word-spacing = "3";
       };
    };
</script>

感谢。

Answer 1

javascript点符号中不允许使用连字符，因为它们也用于减法，您必须使用括号表示法或camelcase

element.style.wordSpacing = "3";

或

element.style['word-spacing'] = "3";

alto请注意getElementsByTagName获取节点列表，而不是单个元素，因此您也必须访问该元素，并且您通常希望使用单位作为值

document.getElementsByTagName("nav")[0].style.wordSpacing = "3px";

Answer 2

在JavaScript中，您应该使用element.style.wordSpacing，因为-表示减法。