JS在EditPus中无法通过getAttribute()获取class属性---解决办法

wodet_t

于 2016-01-19 00:07:27 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/wodet_t/article/details/50539942

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍在JavaScript中使用getAttribute方法获取HTML元素class属性时遇到的问题及解决办法。由于浏览器兼容性问题，在使用IE作为默认浏览器的编辑器（如EditPlus）中，getAttribute方法无法正确获取class属性，可通过使用getAttribute('classname')解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上原始的代码

<html>
 <head>
  <title> JS中getAttribute方法 </title>
 </head>

 <body>
    <input type="text" class = "textclass" name ="inputtext" value="123"/>
 </body>
    <script type="text/javascript">
        var i = document.getElementsByName("inputtext")[0];
        alert(i.getAttribute("class"));
    </script>
</html>

无法获取到input标签中class属性值

问题原因是EditPlus默认是使用IE，所以要获取class属性，可用classname属性来替代。element.getAttribute(“classname”)来获取。

<html>
 <head>
  <title> JS中getAttribute方法 </title>

 </head>

 <body>
    <input type="text" class = "textclass" name ="inputtext" value="123"/>
 </body>
    <script type="text/javascript">
        var i = document.getElementsByName("inputtext")[0];
        alert(i.getAttribute("classname"));
    </script>
</html>

可以获取到class属性