Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

How to Select a Web Element With an ID Containing '.'

DZone's Guide to

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.

· Web Dev Zone ·
Free Resource

Bugsnag monitors application stability, so you can make data-driven decisions on whether you should be building new features, or fixing bugs. Learn more.

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:

Monitor application stability with Bugsnag to decide if your engineering team should be building new features on your roadmap or fixing bugs to stabilize your application.Try it free.

Topics:
xpath ,app ,css ,debuggers ,chrome ,selenium

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}