selenium_with_python_複数のclass属性の値がセットされている場合01

 

selenium with pythonについて、

ある要素を driver.find_element(BY.CLASS_NAME, "classの指定")

で取得したいとき、その取得したい側の要素に複数のclassの値がセットされている場合、

"classの指定"の文字列には複数のclassの値を指定しても問題ないのでしょうか？

↓

Seleniumで

`driver.find_element(By.CLASS_NAME, "classの指定")`を使う場合、

**指定できるのは単一のクラス名のみ**です。

クラス名を複数指定するとエラーになります。

HTML要素に複数のクラスが設定されている場合でも、

`By.CLASS_NAME`を使用するときには、

対象要素に設定されているクラスのうち**1つのクラス名**を指定する必要があります。

### 例:

#### HTML

```html

<div class="class1 class2 class3">...</div>

```

#### 正しい指定

```python

# class1で取得

element

 = driver.find_element(By.CLASS_NAME, "class1")  

# class2で取得

element

 = driver.find_element(By.CLASS_NAME, "class2")  

# class3で取得

element

 = driver.find_element(By.CLASS_NAME, "class3")  

```

#### 間違った指定

```python

# エラー

element

 = driver.find_element(By.CLASS_NAME, "class1 class2")  

```

この場合、`NoSuchElementException`が発生します。

---

### 複数クラスを組み合わせて検索したい場合

複数のクラスが指定された要素を検索するには、

`By.CSS_SELECTOR`を使用するのが一般的です。

#### CSSセレクタを使用した例

```python

# class1とclass2を両方持つ要素

element

 = driver.find_element(By.CSS_SELECTOR, ".class1.class2")  

```

### 解説

- `By.CSS_SELECTOR`では、

複数のクラス名を指定するときに各クラスをドット (`.`) で区切ります。

- 例えば、`.class1.class2` は、

`class="class1 class2"` を持つ要素を探します。

---

### 補足

クラス名が動的に変わる場合や複雑な要素を特定する必要がある場合も、

`By.CSS_SELECTOR`や`By.XPATH`を活用する方が柔軟性が高いです。

#### XPathを使用した例

```python

element

 = driver.find_element(

By.XPATH, 

"//*[contains(@class, 'class1') 

and contains(@class, 'class2')]")

```

これにより、複数のクラス名を含む要素を柔軟に検索できます。

### 結論

- `By.CLASS_NAME`は

単一のクラス名を指定する場合に使用。

- 複数のクラスを条件にしたい場合は、

`By.CSS_SELECTOR`や`By.XPATH`を使用する。