循环通过“身体”的所有元素使用DOM的标签 [英] Loop through all elements of "body" tags using DOM

问题描述

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

我想循环遍历HTML文件的body标签的所有元素，并打印出样式属性与这些元素相关联。我该怎么做？

I want to loop through all elements of the body tag of a HTML file and print out the "style" attribute associated with these elements. How can I do this?

推荐答案

你可以把我的

You can take my RecursiveDOMIterator for this:

代码（压缩） p>

Code (compacted)

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);
    }
}

用法： p>

Usage:

$dom = new DOMDocument;
$dom->loadHTMLFile('http://stackoverflow.com/questions/4431142/');

$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
        );
    }
}

输出： p>

Output:

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%

这篇关于循环通过“身体”的所有元素使用DOM的标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！