$html = file_get_contents("test.html");
$doc = new DOMDocument();
$doc->loadHTML($html);
$xpath = new DOMXPath($doc);
$body = $xpath->query('//body');
HTMLファイルのbodyタグのすべての要素をループし、これらの要素に関連付けられた「スタイル」属性を出力します。これどうやってするの？DOMタグを使用してbodyタグのすべての要素をループする
あなたは、このための私の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('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
);
}
}
OutpのUT：
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%
答えをありがとうございました。それは素晴らしいと鮮やかで、私は結果が来ることを期待して正確に動作します:) – Teiv
私はこれを再帰的に行いました。私はその最も効率的な方法がわからない。私はこのWebページでこのメソッドを試してみましたが、うまくいきました。
$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);
}
}
別のオプションのみ<body>の子孫要素を見つけるために、XPathを使用することとstyle属性、のようになるでしょう：
$dom = new DOMDocument;
$dom->loadHTMLFile('https://stackoverflow.com/questions/4431142/');
$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
);
}
出力はGordon's answerと同様です重要な線のみが$nodes = …です。
body要素の直接の子であるすべての要素またはbodyの下にある要素のツリー全体ですか？ – Gordon
私は体の下の要素のツリー全体を意味しました:) – Teiv