How to Select a Web Element With an ID Containing '.'
How to Select a Web Element With an ID Containing '.'
Want to know how to select a web element with an id containing '.' ? Well, you're in luck... Alan Richardson provides a quick fix for this.
Join the DZone community and get the full member experience.
Join For FreeLearn how Crafter’s Git-based content management system is reinventing modern digital experiences. Download this white paper now.
TLDR: \.
Lesson learned.
I was working with a site and trying to select an element via its id e.g.
<p id="select.me.by.id">Select Me By My id</p>
Simples, thought me:
Nope.
So, I did what all good Selenium debuggers do… I tried in the browser but Chrome didn’t match it.
Tempted though I was to blame Chrome, I tried with XPath, and that worked fine:
//p[@id='select.me.by.id']
After a bit of web searching, the solution was clear.
In CSS, I wasn’t saying: find the id select.me.by.id
I was saying find the id select with class mebyid which was not at all what I wanted.
Fortunately, CSS offers escaping, which I didn’t realize.
Until the app is fixed I can locate the id using CSS with:
Crafter CMS is a modern Git-based platform for building innovative websites and content-rich digital experiences. Download this white paper now.
Like This Article? Read More From DZone
Published at DZone with permission of Alan Richardson , DZone MVB. See the original article here.
Opinions expressed by DZone contributors are their own.
{{ parent.title || parent.header.title}}
{{ parent.tldr }}
{{ parent.linkDescription }}
{{ parent.urlSource.name }}