logo标签列表

使用DOM循环遍历所有“body”标签元素

phphtmlloopsdom
5
$html = file_get_contents("test.html");
$doc = new DOMDocument();
$doc->loadHTML($html);
$xpath = new DOMXPath($doc);
$body = $xpath->query('//body');

我想循环遍历HTML文件的所有body标签元素，并打印出与这些元素相关联的“style”属性。我该如何做到这一点？
所有直接作为body元素子元素的元素，或者整个body下的元素树？ - Gordon
我指的是body下面的整个元素树 :) - Teiv
3个回答
11
你可以使用我的RecursiveDOMIterator来完成这个任务：

代码（压缩）

class RecursiveDOMIterator implements RecursiveIterator
{
    protected $_position;
    protected $_nodeList;
    public function __construct(DOMNode $domNode)
    {
        $this->_position = 0;
        $this->_nodeList = $domNode->childNodes;
    }
    public function getChildren() { return new self($this->current()); }
    public function key()         { return $this->_position; }
    public function next()        { $this->_position++; }
    public function rewind()      { $this->_position = 0; }
    public function valid()
    {
        return $this->_position < $this->_nodeList->length;
    }
    public function hasChildren()
    {
        return $this->current()->hasChildNodes();
    }
    public function current()
    {
        return $this->_nodeList->item($this->_position);
    }
}

使用方法：

$dom = new DOMDocument;
$dom->loadHTMLFile('https://dev59.com/R1LTa4cB1Zd3GeqPcKBJ);

$dit = new RecursiveIteratorIterator(
    new RecursiveDOMIterator($dom),
    RecursiveIteratorIterator::SELF_FIRST
);

foreach($dit as $node) {
    if($node->nodeType === XML_ELEMENT_NODE && $node->hasAttribute('style')) {
        printf(
            'Element %s - Styles: %s%s',
            $node->nodeName,
            $node->getAttribute('style'),
            PHP_EOL
        );
    }
}

输出：

Element div - Styles: margin-top: 8px; height:24px;
Element div - Styles: margin-top: 8px; height:24px; display:none;
Element a - Styles: font-size: 200%; margin-left: 30px;
Element div - Styles: display:none
Element div - Styles: display:none
Element span - Styles: color:#FE7A15;font-size:140%
Element span - Styles: color:#FE7A15;font-size:140%
Element span - Styles: color:#FE7A15;font-size:140%
Element span - Styles: color:#E8272C;font-size:140%
Element span - Styles: color:#00AFEF;font-size:140%
Element span - Styles: color:#969696;font-size:140%
Element span - Styles: color:#46937D;font-size:140%
Element span - Styles: color:#C0D0DC;font-size:140%
Element span - Styles: color:#000;font-size:140%
Element span - Styles: color:#dd4814;font-size:140%
Element span - Styles: color:#9ce4fe;font-size:140%
Element span - Styles: color:#cf4d3f;font-size:140%
Element span - Styles: color:#f4f28d;font-size:140%
Element span - Styles: color:#0f3559;font-size:140%
Element span - Styles: color:#f2f2f2;font-size:140%
Element span - Styles: color:#037187;font-size:140%
Element span - Styles: color:#f1e7cc;font-size:140%
Element span - Styles: color:#e1cdae;font-size:140%
Element span - Styles: color:#a2d9f6;font-size:140%
1
非常感谢您的回答。它很好，很棒，结果正如我所期望的一样 :) - Teiv
8
另一个选择是使用XPath仅查找从<body>继承并具有style属性的元素，例如：
$dom = new DOMDocument;
$dom->loadHTMLFile('https://dev59.com/R1LTa4cB1Zd3GeqPcKBJ);

$xpath = new DOMXPath($dom);
$nodes = $xpath->query('/html/body//*[@style]');

foreach($nodes as $node) {
    printf(
        'Element %s - Styles: %s%s',
        $node->nodeName,
        $node->getAttribute('style'),
        PHP_EOL
    );
}

输出与戈登的答案中相同，唯一重要的行是$nodes = …。
0

我用递归的方式实现了它。我不确定这是否是最有效的方法。我尝试了这个网页上的方法，它运行良好。

$dom = new DOMDocument();
$dom->loadHTML($html);

$xpath = new DOMXPath($dom);
$body = $xpath->query('//body')->item(0);

recursePrintStyles($body);

function recursePrintStyles($node)
{
    if ($node->nodeType !== XML_ELEMENT_NODE)
    {
        return;
    }

    echo $node->tagName;
    echo "\t";
    echo $node->getAttribute('style');
    echo "\n";

    foreach ($node->childNodes as $childNode)
    {
        recursePrintStyles($childNode);
    }
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接