常见的 HTML 操作

Created: November-22, 2018

如果输入 HTML DOM 是

<html>
    <body>
        <a>link</a>
        <div class='container' id='divone'>
            <p class='common' id='enclosedone'>Element One</p>
            <p class='common' id='enclosedtwo'>Element Two</p>
        </div>
    </body>
</html>

在整个页面中查找具有特定 ID 的元素

//*[@id='divone'] # Returns <div class='container' id='divone'>

在特定路径中查找具有特定 ID 的元素

/html/body/div/p[@id='enclosedone'] # Returns <p class='common' id='enclosedone'>Element One</p>

选择具有特定 id 和类的元素

//p[@id='enclosedone' and @class='common'] # Returns <p class='common' id='enclosedone'>Element One</p>

选择特定元素的文本

//*[@id='enclosedone']/text() # Returns Element One