How to click the element if the value of the id attribute starts with numbers using Selenium in IE11

I checked the existing answers and it looks like there is no answered question regarding this.

Here it is: selenium 32 bit driver, IE 11, windows 10 64bit.
I need to find the elements with the unique static id = 0idMenuTitle or 1idMenuTitle

HTML code

SPAN onmouseover="if(this.style.backgroundColor !=BgColorON)this.style.backgroundColor = BgColorOVER;" onmouseout="if(this.style.backgroundColor !=BgColorON)this.style.backgroundColor = BgColorOFF;" id=1idMenuTitle class=clsMenuTitle style="MAX-WIDTH: none; MIN-WIDTH: auto; MIN-HEIGHT: auto; MAX-HEIGHT: none; BACKGROUND-COLOR: #cccc" minmax_bound="true" width="100%">menu1</SPAN

I'm using the following:

driver.findElement(By.id("0idMenuTitle")).click();

and have the error

org.openqa.selenium.NoSuchElementException: Unable to find element with css selector == # idMenuTitle

I'm trying to find with the partial id

driver.findElement(By.cssSelector("[id*=MenuTitle]")).click();

but got

org.openqa.selenium.ElementNotInteractableException: Element is not displayed

I tried with Xpath as well, the same errors.
There is no issue if I'm using FF or GC but I must use IE11, no choice.
There is no problem to find the elements with id that does not start with numbers...

Any idea please?

Update

I'm trying to find the element by id starting with 0, but selenium shows the error regarding css selector (?) and the id #\31 (???)

The reason you are getting Element is not displayed because item is not visible on the page while interacting.Induce WebDriverWait() and wait for elementToBeClickable()

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("[id*='MenuTitle']"))).click();

Hope this will helps.

You need to consider a couple of things as follows:

• A WebElement with the value of id attribute as 0idMenuTitle or 1idMenuTitle is not a static id, it's dynamic id, i.e. partial value is assigned when the DOM Tree gets completely loaded. Hence when you use By.id("0idMenuTitle") you face NoSuchElementException.
• But when you use [id*=MenuTitle] you are seeing ElementNotInteractableException as the locator strategy finds some other element which is not displayed within the HTML DOM.

Solution

To invoke click on the desired element you need to induce WebDriverWait for the elementToBeClickable() and you can use either of the following Locator Strategies:

• Using id:

    new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.id("0idMenuTitle"))).click();
  

• Using cssSelector:

    new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("#0idMenuTitle"))).click();
  

• Using xpath:

    new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//*[@id='0idMenuTitle']"))).click();