如何为没有标签的元素识别xpath？

Question

I would need to identify one element uniquely.However that element does not have any tag.Could you please help to identify the element uniquely?

<div class="mbs2_support ng-binding"><strong>Customer care? </strong>Phone 999 888 777 6</div>

Here I need to identify only phone number column without "Customer care" section. Highlighted one(attached screenshot) I need identify.I have tried following xpath, but it is taking whole row(including customer column)

• //div[contains(text(), ' Phone 999 888 777 6')]
• //div[text()[normalize-space()='Phone 999 888 777 6']]

Answer 1

"...element does not have any tag" is not actually correct. Required text node is a child of div . You can get it with below JavaScript (using JavaScriptExecutor ):

'return document.querySelector("div.mbs2_support").lastChild.textContent;'

Answer 2

只需提取diff的text（） 子代 ， <strong>的文本就是孙代，因此将不包括在内：

//div[contains(., 'Phone ')]/text()

Answer 3

The element you are trying to identify is a child text Node of the parent <div> tag.

As per the HTML you have provided to extract the text Phone 999 888 777 6 you can use the executeScript() method as follows:

WebElement myElement = driver.findElement(By.xpath("//div[@class='mbs2_support ng-binding']"));
String myText = ((JavascriptExecutor)driver).executeScript('return arguments[0].lastChild.textContent;', myElement).toString();

Answer 4

WebElement element = driver.findElement(By.xpath("//div[contains(@class,'mbs2_support')]")); 
String getText = ((JavascriptExecutor)driver).executeScript('return arguments[0].lastChild.textContent;', element).toString();

Get the element and parse the string. lastChild in javascript will do the trick: https://www.w3schools.com/jsref/prop_node_lastchild.asp