文章/答案/技术大牛

发布

社区首页 >问答首页 >getAttribute()对类名无效吗？

问getAttribute()对类名无效吗？
EN

Stack Overflow用户

提问于 2019-02-28 10:33:08

回答 2查看 427关注 0票数 0

我正在做一个触摸屏项目，尝试显示几个图像(将一行拆分为几个段落，并使用每个段落的背景来显示图像)，并为选定的图像添加边框(只能选择一个)，现在我需要通过onclick()显示移动的图像，例如，最初它显示图像1-6，单击后，它应该显示图像2-7，问题是我的边框属于每个段落并且不随图像移动，我正在尝试检查图像是否被选中，然后再滑动移动图像。

我可以使用setattribute()为段落设置背景图像，假设一个段落的id为"img5"，另一个段落的id为"img6"：

然后当我尝试获取属性：var x= document.getElementById('img1').getAttribute('class'); if(x.equals("borderStyle1")) {.....}时，上面的代码被卡住了，它提醒我：document.getElementById('img5').setAttribute("class", "noborder"); document.getElementById('img6').setAttribute("class", "borderstyle1"); TypeError: x.equals不是一个函数，有什么建议吗？谢谢

javascript

html

回答 2

Stack Overflow用户

发布于 2019-02-28 10:38:06

您可以更改为x == "borderStyle1“以比较文本字符串

if(x.equals("borderStyle1")){
}

至

var x= document.getElementById('img1').getAttribute('class');
 if(x == "test1"){
 alert('ok');
 }

<img src="" id="img1" class="test1" />

票数 1

Stack Overflow用户

发布于 2019-02-28 10:38:46

我想你的意思是：

if (x === 'borderStyle1') {}

在DOM元素上调用.getAttribute方法后，x值是一个字符串。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54917523

复制

相似问题

问getAttribute()对类名无效吗？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问getAttribute()对类名无效吗？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问getAttribute()对类名无效吗？
EN