如何获取元素的css类的名称

时间:2014-10-14 12:32:21

标签: c# css selenium-webdriver webdriver

我必须检查是否选择了一个元素。我能做到的唯一方法是观察是否有一个额外的css类"选择"被加入到这个元素中。

所以,我的元素看起来像:

<div class="b-wide-option" data-bind="css: { selected: IsSelected }, click: Select, attr: { id: Id }, event: { mouseover: OnMouseOver, mouseout: OnMouseOut, touchstart: OnTouchClick }" id="2">

当我选择它时,它看起来像:

<div class="b-wide-option selected" data-bind="css: { selected: IsSelected }, click: Select, attr: { id: Id }, event: { mouseover: OnMouseOver, mouseout: OnMouseOut, touchstart: OnTouchClick }" id="2">

css课程&#34;选择&#34;被添加。我需要检查它是否被添加。我使用下一个代码:

string classes = element.GetAttribute("class");

但不幸的是,它只返回了第一类&#34; b-wide-option&#34;并且不会返回我真正需要的第二个。

4 个答案:

答案 0 :(得分:6)

使用此

       element.getAttribute("className");

希望这能帮助您解决问题

答案 1 :(得分:0)

您可以使用

getElementsByClassName('foo')

或你也可以使用jquery

var className = $('.b-wide-option').attr('class');

或您也可以使用.hasClass()功能。

var className = $('.b-wide-option').attr('class');
if($('.b-wide-option').hasClass('selected')){
//write your code
}

答案 2 :(得分:0)

您可以通过此获取类名:

element.Attributes["class"].ToString();

答案 3 :(得分:0)

我很抱歉!我刚检查了另一个元素,我的错! 简单的代码为element.getAttribute(“className”);和element.getAttribute(“class”);确实很完美!)

我希望主持人能够解决这个问题,对不起。