现在的位置: 网页制作教程网站制作教程 >正文
JavaScript脚本

利用js获取元素class值的两种方法

发表于2016/11/29 网站制作教程 0条评论 ⁄ 热度 1,388℃

我们有时为了达到某种效果,需要以元素的class值为条件做判断。

我们如何利用JavaScript获取元素class的值?我们先看下面代码:

<html>
 <body>
  <div id="myid" class="mystyle"></div>
  <script type="text/javascript">
    x=document.getElementsByTagName('div')[0];
    document.write(x.className);
  </script>
 </body>
</html>
输出结果:mystyle

利用js的document.getElementsByTagName就可以得到class的值。

我们还有另外一种方法:document.getElementById获取class值。

<html>
 <body>
   <div id="myid" class="mystyle"></div>
   <script type="text/javascript">
     document.write(document.getElementById('myid').className);
   </script>
  </body>
</html>
输出结果:mystyle

两次输出的结果是一样的,这就是我介绍的利用js获取元素class值的两种方法

  • 暂无评论