Web

[Python] BeautifulSoupで要素のclass名を取得する方法

2025-04-15更新日: 2025-04-15

BeautifulSoupを使用してHTML要素のclass名を取得するには、要素のgetメソッドやattrs属性を使います。

getメソッドを使う場合、element.get('class')でclass名のリストが取得できます。

attrs属性を使う場合、element.attrs['class']で同様にclass名のリストが得られます。

class属性が存在しない場合、Noneが返されるか、KeyErrorが発生する可能性があるため、エラーハンドリングが必要です。

目次から探す

class属性の取得方法
複数のclass名を持つ要素の扱い
特定のclass名を持つ要素の検索
応用例
BeautifulSoupと他のライブラリの連携
まとめ

class属性の取得方法

class属性とは

HTML要素のclass属性は、要素にスタイルを適用したり、JavaScriptで操作したりするための識別子です。

複数の要素に同じclass名を付けることで、CSSやJavaScriptで一括して操作することができます。

BeautifulSoupを使用すると、これらのclass名を簡単に取得することができます。

getメソッドを使ったclass名の取得

getメソッドを使用すると、特定の要素のclass属性を取得できます。

以下はそのサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '<div class="example">テキスト</div>'
soup = BeautifulSoup(html_doc, 'html.parser')
# class名を取得
class_name = soup.find('div').get('class')
print(class_name)

['example']

このコードでは、div要素のclass属性を取得し、リスト形式で返します。

attrs属性を使ったclass名の取得

attrs属性を使用することで、要素の全ての属性を辞書形式で取得できます。

class属性もその中に含まれています。

以下はそのサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '<div class="example">テキスト</div>'
soup = BeautifulSoup(html_doc, 'html.parser')
# class名を取得
class_name = soup.find('div').attrs['class']
print(class_name)

['example']

この方法では、attrsを使ってclass属性を直接取得しています。

class名が存在しない場合の処理

要素にclass属性が存在しない場合、getメソッドやattrsを使用するとエラーが発生する可能性があります。

そのため、事前に存在を確認することが重要です。

以下はそのサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '<div>テキスト</div>'
soup = BeautifulSoup(html_doc, 'html.parser')
# class名を取得
div_element = soup.find('div')
class_name = div_element.get('class', 'class属性は存在しません')
print(class_name)

class属性は存在しません

このコードでは、class属性が存在しない場合にデフォルトのメッセージを返すようにしています。

これにより、エラーを回避することができます。

複数のclass名を持つ要素の扱い

class名がリストで返される理由

HTML要素は、複数のclass名を持つことができます。

これは、CSSでスタイルを適用する際に、複数のスタイルを組み合わせるために便利です。

BeautifulSoupでは、class属性が複数ある場合、これらのclass名はリスト形式で返されます。

例えば、以下のようなHTML要素があるとします。

<div class="class1 class2">テキスト</div>

この場合、class属性はclass1とclass2の2つの値を持ちます。

BeautifulSoupを使ってこの要素を取得すると、class名はリストとして返されます。

複数のclass名を個別に処理する方法

リスト形式で返されたclass名は、通常のリストと同様に扱うことができます。

以下は、複数のclass名を個別に処理するサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '<div class="class1 class2">テキスト</div>'
soup = BeautifulSoup(html_doc, 'html.parser')
# class名を取得
class_names = soup.find('div').get('class')
# 各class名を個別に処理
for class_name in class_names:
    print(f'取得したclass名: {class_name}')

取得したclass名: class1
取得したclass名: class2

このコードでは、取得したclass名をループで回し、個別に処理しています。

class名のリストを文字列に変換する方法

リスト形式のclass名を文字列に変換するには、joinメソッドを使用します。

以下はそのサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '<div class="class1 class2">テキスト</div>'
soup = BeautifulSoup(html_doc, 'html.parser')
# class名を取得
class_names = soup.find('div').get('class')
# class名を文字列に変換
class_string = ' '.join(class_names)
print(class_string)

class1 class2

このコードでは、リストの要素をスペースで区切った文字列に変換しています。

これにより、class名を簡単に表示したり、他の処理に利用したりすることができます。

特定のclass名を持つ要素の検索

findメソッドを使った要素の検索

findメソッドを使用すると、指定したclass名を持つ最初の要素を取得できます。

以下はそのサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '''
<div class="example">要素1</div>
<div class="example">要素2</div>
<div class="sample">要素3</div>
'''
soup = BeautifulSoup(html_doc, 'html.parser')
# class名が"example"の最初の要素を取得
element = soup.find(class_='example')
print(element.text)

要素1

このコードでは、class名がexampleの最初のdiv要素を取得し、そのテキストを表示しています。

find_allメソッドを使った複数要素の検索

find_allメソッドを使用すると、指定したclass名を持つ全ての要素をリスト形式で取得できます。

以下はそのサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '''
<div class="example">要素1</div>
<div class="example">要素2</div>
<div class="sample">要素3</div>
'''
soup = BeautifulSoup(html_doc, 'html.parser')
# class名が"example"の全ての要素を取得
elements = soup.find_all(class_='example')
# 各要素のテキストを表示
for element in elements:
    print(element.text)

要素1
要素2

このコードでは、class名がexampleの全てのdiv要素を取得し、それぞれのテキストを表示しています。

CSSセレクタを使ったclass名の検索

CSSセレクタを使用することで、より柔軟に要素を検索することができます。

以下はそのサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '''
<div class="example">要素1</div>
<div class="example">要素2</div>
<div class="sample">要素3</div>
'''
soup = BeautifulSoup(html_doc, 'html.parser')
# CSSセレクタを使ってclass名が"example"の要素を取得
elements = soup.select('.example')
# 各要素のテキストを表示
for element in elements:
    print(element.text)

要素1
要素2

このコードでは、CSSセレクタを使用してclass名がexampleの全ての要素を取得し、それぞれのテキストを表示しています。

CSSセレクタを使うことで、より複雑な条件での検索も可能になります。

応用例

class名を使った要素のフィルタリング

特定のclass名を持つ要素をフィルタリングすることで、必要な情報だけを抽出することができます。

以下は、class名がexampleの要素だけをフィルタリングするサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '''
<div class="example">要素1</div>
<div class="example">要素2</div>
<div class="sample">要素3</div>
'''
soup = BeautifulSoup(html_doc, 'html.parser')
# class名が"example"の要素をフィルタリング
filtered_elements = soup.find_all(class_='example')
# フィルタリングした要素のテキストを表示
for element in filtered_elements:
    print(element.text)

要素1
要素2

このコードでは、class名がexampleの要素のみを抽出し、そのテキストを表示しています。

class名を使った要素の置換や削除

特定のclass名を持つ要素を置換または削除することも可能です。

以下は、class名がexampleの要素を削除するサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '''
<div class="example">要素1</div>
<div class="example">要素2</div>
<div class="sample">要素3</div>
'''
soup = BeautifulSoup(html_doc, 'html.parser')
# class名が"example"の要素を削除
for element in soup.find_all(class_='example'):
    element.decompose()
# 残った要素を表示
print(soup.prettify())

<div class="sample">
 要素3
</div>

このコードでは、class名がexampleの要素を削除し、残った要素を表示しています。

class名を使った要素の属性変更

class名を使って要素の属性を変更することもできます。

以下は、class名がexampleの要素のid属性を変更するサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '''
<div class="example">要素1</div>
<div class="example">要素2</div>
<div class="sample">要素3</div>
'''
soup = BeautifulSoup(html_doc, 'html.parser')
# class名が"example"の要素のid属性を変更
for element in soup.find_all(class_='example'):
    element['id'] = 'new_id'
# 変更後の要素を表示
print(soup.prettify())

<div class="example" id="new_id">
 要素1
</div>
<div class="example" id="new_id">
 要素2
</div>
<div class="sample">
 要素3
</div>

このコードでは、class名がexampleの要素に新しいid属性を追加しています。

class名を使った要素のテキスト抽出

特定のclass名を持つ要素からテキストを抽出することも簡単です。

以下は、class名がexampleの要素からテキストを抽出するサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '''
<div class="example">要素1</div>
<div class="example">要素2</div>
<div class="sample">要素3</div>
'''
soup = BeautifulSoup(html_doc, 'html.parser')
# class名が"example"の要素からテキストを抽出
texts = [element.text for element in soup.find_all(class_='example')]
# 抽出したテキストを表示
print(texts)

['要素1', '要素2']

このコードでは、class名がexampleの要素からテキストを抽出し、リスト形式で表示しています。

これにより、必要な情報を簡単に取得することができます。

BeautifulSoupと他のライブラリの連携

requestsライブラリとの連携

requestsライブラリを使用すると、WebページのHTMLを簡単に取得できます。

BeautifulSoupと組み合わせることで、取得したHTMLを解析し、必要な情報を抽出することができます。

以下は、requestsライブラリを使ってWebページのHTMLを取得し、BeautifulSoupで解析するサンプルコードです。

import requests
from bs4 import BeautifulSoup
# WebページのURL
url = 'https://example.com'
# requestsを使ってHTMLを取得
response = requests.get(url)
# BeautifulSoupでHTMLを解析
soup = BeautifulSoup(response.text, 'html.parser')
# 例として、ページのタイトルを取得
title = soup.title.text
print(title)

このコードでは、指定したURLからHTMLを取得し、ページのタイトルを表示しています。

requestsライブラリを使うことで、簡単にWebページのデータを取得できます。

Seleniumとの連携

Seleniumは、ブラウザを自動操作するためのライブラリです。

動的に生成されるコンテンツを扱う場合、Seleniumを使用してページを操作し、その後BeautifulSoupで解析することができます。

以下は、Seleniumを使ってWebページを開き、BeautifulSoupで解析するサンプルコードです。

from selenium import webdriver
from bs4 import BeautifulSoup
# WebDriverの設定(Chromeを使用する例)
driver = webdriver.Chrome()
# Webページを開く
driver.get('https://example.com')
# ページのHTMLを取得
html = driver.page_source
# BeautifulSoupでHTMLを解析
soup = BeautifulSoup(html, 'html.parser')
# 例として、ページのタイトルを取得
title = soup.title.text
print(title)
# ブラウザを閉じる
driver.quit()

このコードでは、Seleniumを使って指定したURLを開き、ページのHTMLを取得して解析しています。

動的なコンテンツを扱う際に非常に便利です。

lxmlとの連携

lxmlは、HTMLやXMLを高速に解析するためのライブラリです。

BeautifulSoupはlxmlをパーサーとして使用することができ、より高速な解析が可能になります。

以下は、lxmlを使用してBeautifulSoupでHTMLを解析するサンプルコードです。

from bs4 import BeautifulSoup
html_doc = '''
<div class="example">要素1</div>
<div class="example">要素2</div>
<div class="sample">要素3</div>
'''
# lxmlをパーサーとして使用
soup = BeautifulSoup(html_doc, 'lxml')
# class名が"example"の要素を取得
elements = soup.find_all(class_='example')
# 各要素のテキストを表示
for element in elements:
    print(element.text)