使用domXpath在div中選擇輸入類型的文本值

Question

我正在嘗試使用domXpath訪問DIV中的文本框的值。

基本上，我有多個DIV，每個DIV包含一些輸入類型的文本，並且其中包含一些值。

我想創建一個數組並將其與其父DIV映射

我的示例HTML代碼：

<div class="div_common_class">
    <div class="content_area">
        <div class="field_name">this is first</div>
    </div>

    <div class="input_area">
        <input type="text" name="" value="111" />
    </div>
</div>

<div class="div_common_class">
    <div class="content_area">
        <div class="field_name">this is second</div>
    </div>

    <div class="input_area">
        <input type="text" name="" value="222" />
    </div>
</div>

PHP代碼：

$dom = new DomDocument;
@$dom->loadHTML($html);

$xpath = new DOMXpath($dom);
$result = $xpath->query('//div[contains(@class, "div_common_class")]');

從上面的PHP代碼中，我僅獲取DIV的值，而未獲取輸入類型文本的值。

並輸出如下內容：

這是第一111

這是第二222

Answer 1

您的xpath獲取正確的div，但是您仍然需要獲取值。

您可以使用getElementsByTagName並使用foreach或按item獲取元素，例如以下示例：

$results = $xpath->query('//div[contains(@class, "div_common_class")]');
foreach ($results as $result) {
    echo sprintf("<b>%s %s</b><br>",
        $result->getElementsByTagName("div")->item(1)->textContent,
        $result->getElementsByTagName("input")->item(0)->getAttribute("value"));
}

那會給你：

這是第一111

這是第二222

輸出PHP