正規表現によつＨＴＭＬタグの取得（スタイル含む） - PHPプロ！Q&A掲示板

2686

0P

正規表現によつＨＴＭＬタグの取得（スタイル含む）

質問日時 / 2010年4月19日 18:26 回答数 / 5件

Questioner: takeHo Tweet

キーワード / 正規表現タグ取得ＨＴＭＬ

表題の件につきまして、ご質問させて頂きます。

<div style="text-align:center"><span style="color:#ff0000;font-size:smaller;">表示テキスト</span></div>

のＨＴＭＬ内の
「span」タグに含まれるスタイルシートの「color:#ff0000;font-size:smaller;」だけを正規表現で取得するにはどうすれば良いでしょうか

とりあえずは、

preg_match( '/(?is)(<span\s*style="[^>]*.{1})/', $value );

で、「span」タグの存在確認をする事ができました。
「style」の中身は、それぞれ異なるので、正規表現にて取得しなくてはならない為、現在表現方法に頭を悩ませております。

情報をお持ちでしたら、何卒ご教授の程宜しくお願い致します。

この質問への意見の募集は締め切られ、ポイントは既に配分されました。
意見を投稿することはできますが、ポイントを受け取ることはできません。

この質問に返信

ツリー一覧

正規表現によつＨＴＭＬタグの取得（スタイル含む）takeHo

A01shimixpreg_matchを使っているのでしたら、第三引数（$match

A02yuu_a0>>CODE $html =<<<EOD ・・・ <div style="text-al

A03fedora6>>CODE $buffer = '<div style="text-align:center">

A03-1yuu_a0>>CODE preg_match('/<span\\s+[^>]*style=(\'|")(

A04magicflute2この意見は投稿者によって削除されました。

A05yuu_a0あ～ http://www.phppro.jp/qa/2684 の続きね。動

回答一覧

A01
answerershimix [4月19日 21:38] (最終編集：4月19日 21:39)

preg_matchを使っているのでしたら、第三引数（$matches）を指定してマッチした部分を取り出してみてはどうでしょう。

　　http://jp.php.net/manual/ja/function.preg-match.php

あ、preg_match_allの方がいいかも（汗

　　http://jp.php.net/manual/ja/function.preg-match-all.php

あとはstyle=までと最後の>あたりを切り取れば（＆前後の引用符をカットすれば）いいんじゃないでしょうか？こちらはstriposとsubstrだけでいけそうですけど。

A02
answereryuu_a0 [4月20日 02:45] (最終編集：4月20日 03:56)

$html =<<<EOD
・・・
<div style="text-align:center"><span style="color:#ff0000;font-size:smaller;">表示テキスト</span>< /div>
・・・
EOD;
$doc = new DOMDocument();
$doc->loadHTML($html);
$xpath = new DOMXPath($doc);
$result = $xpath->evaluate('//div/span/@style');
echo $result->item(0)->nodeValue;

# DOMXPath::evaluate はしょぼいので、ラッパー被せたほうがいいかもしれません。
# ついでに DOM CSS もほしかったりするので、誰か作って。

A03
answererfedora6 [4月20日 21:11]

$buffer = '<div style="text-align:center"><span id="spanid" style="color:#ff0000;font-size:smaller;" title="spantitle">表示テキスト</span></div>';
preg_match('/<span\s[^>]*style=(\"??)([^\" >]*?)\\1[^>]*>/siU', $buffer, $match);
print_r($match);
die();

よろしくお願いいたします。

A03-1
replyeryuu_a0 [4月20日 22:57] (最終編集：4月20日 22:59)

preg_match('/<span\\s+[^>]*style=(\'|")(.*)\\1/iU', $buffer, $match);

# より正確なものを望む場合は、http://www.w3.org/TR/REC-xml/ 参照。質問者もここまで望んでないと思われ、取れればいい程度にまとめてあります。

A04
answerermagicflute2 [4月20日 21:42]

この意見は投稿者によって削除されました。

A05
answereryuu_a0 [4月21日 02:15] (最終編集：4月21日 03:40)

あ～ http://www.phppro.jp/qa/2684 の続きね。

動的にするなら XSL かな。
[source.xhtml]

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" dir="ltr">
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<div>
<span class="xxx">表示テキスト</span>
</div>
</body>
</html>

[xhtml2html.xsl]

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet
version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:xhtml="http://www.w3.org/1999/xhtml"
exclude-result-prefixes="xsl xhtml"
>
<xsl:output
method="html"
doctype-public="-//W3C//DTD Compact HTML 1.0 Draft//EN"
encoding="Shift_JIS"
/>
<xsl:template match="xhtml:span[contains(@class,'xxx')]" as="element()">
<xsl:element name="font">
<xsl:attribute name="size">-1</xsl:attribute>
<xsl:attribute name="color">#FF0000</xsl:attribute>
<xsl:apply-templates select="child::node()"/>
</xsl:element>
</xsl:template>
<xsl:template match="@xml:lang">
<xsl:attribute name="lang">
<xsl:value-of select="."/>
</xsl:attribute>
</xsl:template>
<xsl:template match="xhtml:*">
<xsl:element name="{local-name()}">
<xsl:apply-templates select="@*|node()"/>
</xsl:element>
</xsl:template>
<xsl:template match="@*|node()">
<xsl:copy>
<xsl:apply-templates select="@*|node()"/>
</xsl:copy>
</xsl:template>
</xsl:stylesheet>

など。

# XSL 自体 XML なので、CSS に対応するように生成することもできる。Selecter から XPath への変換が必要になってくるけど、それほど苦じゃいないじゃない。やっぱ、DOM CSS ほしい。PEAR にらしきものがあったような気がするけど。

# スタイルをインラインに突っ込まれると動的に変更するのはつらいね。

<<質問一覧へ