Javascript: обработчик события щелчка не работает

Question

function check() {
  var para = document.getElementsByTagName("p");
  para[0].style.fontSize = 20;
}

<p>This a paragraph</p>
<p>This a paragraph</p>
<p>This a paragraph</p>
<p>This a paragraph</p>
<button onClick="check()">Check</button>

пожалуйста, проверьте раздел сценария. Я не могу найти ошибку, пожалуйста, помогите мне в этом

Answer 1

Укажите размер шрифта в пикселях внутри строки вместо числа 20. Также переместите тег сценария к нижней части тега body.

Ниже приведен рабочий фрагмент кода:

    function check()
    {
        var para=document.getElementsByTagName("p");
        para[0].style.fontSize= '20px' ;
    }

    <p>This a paragraph</p>
    <p>This a paragraph</p>
    <p>This a paragraph</p>
    <p>This a paragraph</p>
    <button onclick="check()">Check</button>

Answer 2

Вы должны определить размер в строке с px, em,% позади и заключить его в кавычки

para[0].style.fontSize = 20;

до

para[0].style.fontSize = "20px";

Answer 3

Для каждого тега P необходимо использовать вот так ...

js

function check() {
  var s=document.getElementsByTagName('p');
  for(i=0;i<s.length;i++)
  {
    s[i].setAttribute("style","font-size:20px");
  }
}

Просмотр

<p>This a paragraph</p>
<p>This a paragraph</p>
<p>This a paragraph</p>
<p>This a paragraph</p>
<button onClick="check()">Check</button>