javascript - VM323 :1 Uncaught TypeError: Cannot read property 'add' of undefined

Question

我无法在 javascript 中使用添加类列表功能..这是我的 html 代码

 <div class="container">
 <h1><i class="fa fa-archway">  DJ Party!</i></a></h1>
 <h2>Get the party feel <i class="fa fa-air-freshener">  
 Anywhere,Anytime</i></h2>

这是我的 javascript 代码

 var h2=document.getElementsByTagName("h2");
 h2.classList.add("font");

这是我的CSS代码

 .font
  {
  font-size: 500px;
 padding:   400px;
 }

Answer 1

getElementsByTagName 返回一个集合。传递索引以定位元素

var h2 = document.getElementsByTagName("h2")[0];
h2.classList.add("font");

.font {
  font-size: 100px;
  padding: 10px;
}

<div class="container">
  <h1><i class="fa fa-archway">DJ Party!</i></h1>
  <h2>Get the party feel <i class="fa fa-air-freshener">  
 Anywhere,Anytime</i></h2>