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>

如何使用for循环更改字体大小

1 个答案: