如何使用for循環更改字體大小

Question

我有一個Uni作業，說我應該使用for循環更改錨標記的字體大小。

 var actiVe = document.getElementsByTagName('a'); for (var i = 0; i < actiVe.length; i++) { actiVe[i].style.fontSize = (parseInt(actiVe[i].style.fontSize) * 2 + 'px') } 

 <nav> <ul> <!-- 1. Weise mittels einer Schleife allen Listenelementen eine andere Schriftgröße zu. Recherchiere gegebenenfalls nach "JavaScript Style Object Properties". --> <li class="active"><a href="index.html">Home</a></li> <li><a href="">About</a></li> <li><a href="">Blog</a></li> <li><a href="">Contact</a></li> </ul> </nav> 

Answer 1

您應該獲取計算出的字體大小值，在某些情況下element.style.fontSize將返回一個空字符串，例如，對於外部設置的字體大小（例如，通過CSS）

 var actiVe = document.getElementsByTagName('a'); for (var i = 0; i < actiVe.length; i++) { let fontSize = parseFloat(window.getComputedStyle(actiVe[i], null).getPropertyValue('font-size')); actiVe[i].style.fontSize = fontSize * 2 + 'px' } 

 <ul> <!-- 1. Weise mittels einer Schleife allen Listenelementen eine andere Schriftgröße zu. Recherchiere gegebenenfalls nach "JavaScript Style Object Properties". --> <li class="active"><a href="index.html">Home</a></li> <li><a href="">About</a></li> <li><a href="">Blog</a></li> <li><a href="">Contact</a></li> </ul>