How to find elements by class

PythonHtmlWeb ScrapingBeautifulsoup

Python Problem Overview


I'm having trouble parsing HTML elements with "class" attribute using Beautifulsoup. The code looks like this

soup = BeautifulSoup(sdata)
mydivs = soup.findAll('div')
for div in mydivs: 
    if (div["class"] == "stylelistrow"):
        print div

I get an error on the same line "after" the script finishes.

File "./beautifulcoding.py", line 130, in getlanguage
  if (div["class"] == "stylelistrow"):
File "/usr/local/lib/python2.6/dist-packages/BeautifulSoup.py", line 599, in __getitem__
   return self._getAttrMap()[key]
KeyError: 'class'

How do I get rid of this error?

Python Solutions


Solution 1 - Python

You can refine your search to only find those divs with a given class using BS3:

mydivs = soup.find_all("div", {"class": "stylelistrow"})

Solution 2 - Python

From the documentation:

As of Beautiful Soup 4.1.2, you can search by CSS class using the keyword argument class_:

soup.find_all("a", class_="sister")

Which in this case would be:

soup.find_all("div", class_="stylelistrow")

It would also work for:

soup.find_all("div", class_="stylelistrowone stylelistrowtwo")

Solution 3 - Python

Update: 2016 In the latest version of beautifulsoup, the method 'findAll' has been renamed to 'find_all'. Link to official documentation

List of method names changed

Hence the answer will be

soup.find_all("html_element", class_="your_class_name")

Solution 4 - Python

CSS selectors

single class first match

soup.select_one('.stylelistrow')

list of matches

soup.select('.stylelistrow')

compound class (i.e. AND another class)

soup.select_one('.stylelistrow.otherclassname')
soup.select('.stylelistrow.otherclassname')

Spaces in compound class names e.g. class = stylelistrow otherclassname are replaced with ".". You can continue to add classes.

list of classes (OR - match whichever present)

soup.select_one('.stylelistrow, .otherclassname')
soup.select('.stylelistrow, .otherclassname')

Class attribute whose values contains a string e.g. with "stylelistrow":

starts with "style":

[class^=style]

ends with "row"

[class$=row]

contains "list":

[class*=list]

The ^, $ and * are operators. Read more here: https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

If you wanted to exclude this class then, with anchor tag as an example, selecting anchor tags without this class:

a:not(.stylelistrow)

You can pass simple, compound and complex css selectors lists inside of :not() pseudo class. See https://facelessuser.github.io/soupsieve/selectors/pseudo-classes/#:not


bs4 4.7.1 +

Specific class whose innerText contains a string

soup.select_one('.stylelistrow:contains("some string")')
soup.select('.stylelistrow:contains("some string")')

N.B.

soupsieve 2.1.0 + Dec'2020 onwards

> NEW: In order to avoid conflicts with future CSS specification > changes, non-standard pseudo classes will now start with the :-soup- > prefix. As a consequence, :contains() will now be known as > :-soup-contains(), though for a time the deprecated form of > :contains() will still be allowed with a warning that users should > migrate over to :-soup-contains(). > > NEW: Added new non-standard pseudo class :-soup-contains-own() which > operates similar to :-soup-contains() except that it only looks at > text nodes directly associated with the currently scoped element and > not its descendants.

Specific class which has a certain child element e.g. a tag

soup.select_one('.stylelistrow:has(a)')
soup.select('.stylelistrow:has(a)')

Solution 5 - Python

Specific to BeautifulSoup 3:

soup.findAll('div',
             {'class': lambda x: x 
                       and 'stylelistrow' in x.split()
             }
            )

Will find all of these:

<div class="stylelistrow">
<div class="stylelistrow button">
<div class="button stylelistrow">

Solution 6 - Python

A straight forward way would be :

soup = BeautifulSoup(sdata)
for each_div in soup.findAll('div',{'class':'stylelist'}):
    print each_div

Make sure you take of the casing of findAll, its not findall

Solution 7 - Python

> # How to find elements by class > I'm having trouble parsing html elements with "class" attribute using Beautifulsoup.

You can easily find by one class, but if you want to find by the intersection of two classes, it's a little more difficult,

From the documentation (emphasis added):

> If you want to search for tags that match two or more CSS classes, you should use a CSS selector: > > css_soup.select("p.strikeout.body") > # [

]

To be clear, this selects only the p tags that are both strikeout and body class.

To find for the intersection of any in a set of classes (not the intersection, but the union), you can give a list to the class_ keyword argument (as of 4.1.2):

soup = BeautifulSoup(sdata)
class_list = ["stylelistrow"] # can add any other classes to this list.
# will find any divs with any names in class_list:
mydivs = soup.find_all('div', class_=class_list) 

Also note that findAll has been renamed from the camelCase to the more Pythonic find_all.

Solution 8 - Python

As of BeautifulSoup 4+ ,

If you have a single class name , you can just pass the class name as parameter like :

mydivs = soup.find_all('div', 'class_name')

Or if you have more than one class names , just pass the list of class names as parameter like :

mydivs = soup.find_all('div', ['class1', 'class2'])

Solution 9 - Python

Use class_= If you want to find element(s) without stating the HTML tag.

For single element:

soup.find(class_='my-class-name')

For multiple elements:

soup.find_all(class_='my-class-name')

Solution 10 - Python

the following worked for me

a_tag = soup.find_all("div",class_='full tabpublist')

Solution 11 - Python

This works for me to access the class attribute (on beautifulsoup 4, contrary to what the documentation says). The KeyError comes a list being returned not a dictionary.

for hit in soup.findAll(name='span'):
    print hit.contents[1]['class']
    

Solution 12 - Python

Concerning @Wernight's comment on the top answer about partial matching...

You can partially match:

  • <div class="stylelistrow"> and
  • <div class="stylelistrow button">

with gazpacho:

from gazpacho import Soup

my_divs = soup.find("div", {"class": "stylelistrow"}, partial=True)

Both will be captured and returned as a list of Soup objects.

Solution 13 - Python

Try to check if the div has a class attribute first, like this:

soup = BeautifulSoup(sdata)
mydivs = soup.findAll('div')
for div in mydivs:
    if "class" in div:
        if (div["class"]=="stylelistrow"):
            print div

Solution 14 - Python

Alternatively we can use lxml, it support xpath and very fast!

from lxml import html, etree 

attr = html.fromstring(html_text)#passing the raw html
handles = attr.xpath('//div[@class="stylelistrow"]')#xpath exresssion to find that specific class

for each in handles:
    print(etree.tostring(each))#printing the html as string

Solution 15 - Python

Other answers did not work for me.

In other answers the findAll is being used on the soup object itself, but I needed a way to do a find by class name on objects inside a specific element extracted from the object I obtained after doing findAll.

If you are trying to do a search inside nested HTML elements to get objects by class name, try below -

# parse html
page_soup = soup(web_page.read(), "html.parser")

# filter out items matching class name
all_songs = page_soup.findAll("li", "song_item")

# traverse through all_songs
for song in all_songs:

    # get text out of span element matching class 'song_name'
    # doing a 'find' by class name within a specific song element taken out of 'all_songs' collection
    song.find("span", "song_name").text

Points to note:

  1. I'm not explicitly defining the search to be on 'class' attribute findAll("li", {"class": "song_item"}), since it's the only attribute I'm searching on and it will by default search for class attribute if you don't exclusively tell which attribute you want to find on.

  2. When you do a findAll or find, the resulting object is of class bs4.element.ResultSet which is a subclass of list. You can utilize all methods of ResultSet, inside any number of nested elements (as long as they are of type ResultSet) to do a find or find all.

  3. My BS4 version - 4.9.1, Python version - 3.8.1

Solution 16 - Python

single

soup.find("form",{"class":"c-login__form"})

multiple

res=soup.find_all("input")
for each in res:
	print(each)

Solution 17 - Python

This worked for me:

for div in mydivs:
	try:
		clazz = div["class"]
	except KeyError:
		clazz = ""
	if (clazz == "stylelistrow"):
		print div

Solution 18 - Python

This should work:

soup = BeautifulSoup(sdata)
mydivs = soup.findAll('div')
for div in mydivs: 
    if (div.find(class_ == "stylelistrow"):
        print div

Solution 19 - Python

The following should work

soup.find('span', attrs={'class':'totalcount'})

replace 'totalcount' with your class name and 'span' with tag you are looking for. Also, if your class contains multiple names with space, just choose one and use.

P.S. This finds the first element with given criteria. If you want to find all elements then replace 'find' with 'find_all'.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionNeoView Question on Stackoverflow
Solution 1 - PythonKlaus Byskov PedersenView Answer on Stackoverflow
Solution 2 - PythonjmunschView Answer on Stackoverflow
Solution 3 - PythonoverlordView Answer on Stackoverflow
Solution 4 - PythonQHarrView Answer on Stackoverflow
Solution 5 - PythonFlipMcFView Answer on Stackoverflow
Solution 6 - PythonKonark ModiView Answer on Stackoverflow
Solution 7 - PythonRussia Must Remove PutinView Answer on Stackoverflow
Solution 8 - PythonShivam ShahView Answer on Stackoverflow
Solution 9 - PythonJossef Harush KadouriView Answer on Stackoverflow
Solution 10 - PythonPreetham D PView Answer on Stackoverflow
Solution 11 - PythonStgltzView Answer on Stackoverflow
Solution 12 - PythonemehexView Answer on Stackoverflow
Solution 13 - PythonMewView Answer on Stackoverflow
Solution 14 - PythonSohan DasView Answer on Stackoverflow
Solution 15 - PythonZeroFlexView Answer on Stackoverflow
Solution 16 - PythonNetwonsView Answer on Stackoverflow
Solution 17 - PythonLarry SymmsView Answer on Stackoverflow
Solution 18 - PythonBlue SkyView Answer on Stackoverflow
Solution 19 - Pythonhari sudhanView Answer on Stackoverflow