JavaScript:点击事件处理程序不起作用

时间:2020-03-16 08:17:52

标签: javascript html web

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>

请检查脚本部分,我找不到任何错误,请帮我

3 个答案:

答案 0 :(得分:5)

指定字符串内的字体大小(以像素为单位),而不要使用数字20。还将脚本标签移动到主体标签的底部。

请在下面找到工作清单:

    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>

答案 1 :(得分:0)

对于每个标签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>

答案 2 :(得分:0)

您必须使用px,em,%后面的字符串定义大小,并用引号将其包裹

para[0].style.fontSize = 20;

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