javascript - 使用javascript更改段落字体大小

标签 javascript css

我在学习 JavaScript 和 html 和 CSS 方面很新,我正在尝试更改文档对象中所有段落的大小 这是我的代码,但我没有得到任何更改,我注意到 documnet.getElementsByTagName('p') 返回一个空对象

 <html>
  <head>
    <script> 
       window.onload=function(){
       var paragraphs = document.getElementsByTagName("p");
       for(var i = 0; i < paragraphs.length; i++){
        paragraphs[i].style.fontSize = '45px';      
       } 
       }
    </script>
  </head>
  <body> 
     <p>helooop</p>
     <p>helooop</p> 
     <p>helooop</p>
     <p>helooop</p> 
  </body>

我不知道哪里出了问题。 任何人都可以帮忙吗

最佳答案

      window.onload = function () {    
      var paragraphs = document.getElementsByTagName("p");    
      for (var i = 0; i < paragraphs.length; i++) {    
      paragraphs[i].style.fontSize = '3em';    
       }
      }

既然你增加了加载字体大小(这对我来说没有意义),为什么不在你的 css 本身中尝试这个:

* {
    font - size: 3em!important;
    color: #000 !important;
   font-family: Arial !important;
   }

关于javascript - 使用javascript更改段落字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19763515/

相关文章:

css - 空字符串时div的最小高度

html - 如何摆脱图像周围的方形边框?

javascript - 如何找到这个数字的CSS单位

javascript - 如何从模板外部调用 Angularjs 指令的方法?

javascript - 可调整大小的 jQuery UI 工具不起作用?

javascript - jQuery:获取绝对div下的td元素

javascript - Bootstrap 确认不尊重选项

javascript - 通过 jquery 使用外部源更改 SVG 的颜色

javascript - Tooltipster 插件第一次尝试时无法工作

jquery - 根据元素大小部分工作