常見的 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