How to get the attribute key not value using PHP DOMDocument

Question

I have an html string

$html_string = '<div style="font-family:comic sans ms,cursive;">
<div style="font-size:200%;">Some Text </div></div>';

I have tried

$dom = new DOMDocument;
$dom->loadHTML($html_string);
$divs = $dom->getElementsByTagName('div');

for($i=0;$i<$divs->length;$i++) {
$attrib = $divs->item($i)->getAttribute("style");
echo $attrib;
echo '<br />';
}

it gives the following output

font-family:comic sans ms,cursive
font-size:200%;

I need

font-family
font-size

How can I get only these keys not the values they have?

You do not want the keys instead of the values, because these would be "style" in both cases. If I guess right, you want the property names from the CSS string that the values are. How do you wish to handle cases where multiple properties are set, e.g. <div style="color:red;font-weight:bolder">text</div>? — Levente Pánczél
– Levente Pánczél, Commented Mar 28, 2013 at 14:48

Vytautas · Accepted Answer · 2013-03-28 14:57:20Z

1

you can use regexps to do that. Something like this:

$style = 'font-family:comic sans ms,cursive;font-size:15em';
preg_match_all('/(?<names>[a-z\-]+):(?<params>[^;]+)[; ]*/', $style, $matches);

var_dump($matches['names']);
var_dump($matches['params']);

result:

array
  0 => string 'font-family' (length=11)
  1 => string 'font-size' (length=9)

array
  0 => string 'comic sans ms,cursive' (length=21)
  1 => string '15em' (length=4)

this even works with with more than one css parameter

answered Mar 28, 2013 at 14:57

Vytautas

3,5391 gold badge30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Munib Over a year ago

that's pretty more conformable.

Levente Pánczél · Accepted Answer · 2013-03-28 15:12:48Z

1

Use a CSS parser!

All the answers with explode and regular expressions are inherently wrong. It is CSS source-code you're trying to analyze. Simple text-manipulation will never do that correctly. E.g. background-image:url('http://my.server.com/page?a=1;b=2'); list-style-image:url('http://my2.server.com/page/a=1;b=2') is perfectly valid, contains the two properties background-image and list-style-image and most text-processing will fail either because there semicolons or 4 colons in the middle of the text (both would be mistaken by poor solutions to indicate 4 properties).

Generally, never try fiddling with text-manipulation tools in source code; not for CSS, nor HTML, nor any sourcecode else. Languages are by design more complicated than that. This is what parsers are meant to accomplish, and it is the same reason why they are BIG -- or at least more complicated than strpos()...

answered Mar 28, 2013 at 15:12

Levente Pánczél

1,9332 gold badges14 silver badges16 bronze badges

1 Comment

Levente Pánczél Over a year ago

Yes it is, as is the example code. The problem's that what you refer to as "y" also may contain colons & semicolons that render your suggestion unusable. You would first explode it by semicolons yielding 4 parts although there are 2 legit parts. Possibly more complicated examples could be constructed to prove most of the basic explode-based solutions wrong. My point was not to show an example that refutes all simple text-processing attempts, but to call to your attention not to even try thinking about the quirks. Leave that to specialized software, a parser; or your code will eventually break.

kero · Accepted Answer · 2013-03-28 14:42:30Z

0

Use explode on your current output and then go on using the first element you received from explode

answered Mar 28, 2013 at 14:42

kero

10.7k5 gold badges44 silver badges52 bronze badges

1 Comment

Levente Pánczél Over a year ago

This suggests very low quality ... think of all the cases when it does not work!

Collectives™ on Stack Overflow

How to get the attribute key not value using PHP DOMDocument

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related