#appendchild

Find the best DME breast pump options near you with Well Health Hub’s comprehensive guide. From hospital-grade pumps to wearable options, discover the perfect solution for your breastfeeding journey, including insights on using health savings accounts for purchasing DME breast pumps and tips for getting a breast pump through insurance. DME Store Locator DME Store Locator Enter Zip Code: Find…

Adding and Inserting HTML Elements with JavaScript

It’s common to create HTML elements with JavaScript and add them to the page. The issue then becomes how to add elements whereyou want them.

appendChild

The simplest and most straightforward technique is to

Identify the element you want to put your element inside of.

Use appendChild to add it.

Let’s say we have a <div> element on the page with an id of rootdown. We’ll create a variable of the…

前回記事で、SimpleXML を append するコードを公開しましたが、実は単に append したかったわけじゃなくて、最終的には並び替えをしたかったんです。 PHP:SimpleXML のページを熟読するもそれらしきメソッドはなし。

配列として要素を取り出して（例えば $children = $root->child みたいに）、その配列をユーザー定義ソート関数（uasort）を使って並び替える手もありますが、それだと SimpleXML オブジェクトそのものが並び替えられるわけではない。（asXML できない） なので、また自作することにしました。 ■ サンプルコード SimpleXML で属性の値順に並び替え（※ 前回作った append メソッドも使用します）

class Mopi_Simple_Xml extends SimpleXMLElement { public function sort ($elementName, $sortAttributeArray, $orderArray = array('asc')) { $orderArray = (array) $orderArray; $lookup = array(); $index = array(); $orders = array(); foreach ($this->$elementName as $line) { $tmpLine = clone $line; $hashId = spl_object_hash($tmpLine); $lookup[$hashId] = $tmpLine; $indexValues = array(); $i = 0; foreach (((array) $sortAttributeArray) as $attribute) { if (preg_match('/^[-]?[0-9]+(\.[0-9]+)?$/', (string) $line[$attribute])) { $printf = '% 20s'; } else { $printf = '%-20s'; } $value = sprintf($printf, substr((string) $line[$attribute], 0, 20)); if (isset($orderArray[$i]) && strtolower($orderArray[$i]) == 'desc') { $indexValues[] = ~ $value; } else { $indexValues[] = $value; } $i++; } $index[$hashId] = implode('__', $indexValues); } natcasesort($index); foreach ($index as $key => $val) { $orders[] = $key; } unset($this->$elementName); foreach ($orders as $val) { $this->append($lookup[$val]); } } public function append (SimpleXMLElement $addElement, $childName = null) { if ((string) $addElement !== '') { $childVal = (string) $addElement; } if ($childName) { $child = $this->addChild($childName, $childVal); } else { $child = $this->addChild($addElement->getName(), $childVal); } foreach ($addElement->attributes() as $attName => $attVal) { $child->addAttribute ((string) $attName, (string) $attVal); } foreach ($addElement->children() as $addChild) { $child->append($addChild); } } } 

子要素を取り出してソートした後で、元 SimpleXML に再度くっつけてます。これも強引ですが。

■ 利用例

$xml01 = simplexml_load_string('<?xml version="1.0" encoding="UTF-8"?> <root> <child id="1" name="C太郎" power="100" /> <child id="3" name="B太郎" power="100" /> <child id="4" name="D太郎" power="20" /> <child id="2" name="A太郎" power="10" /> </root>', 'Mopi_Simple_Xml'); // id 列で正ソートしてみる $xml01->sort('child', 'id', 'asc'); var_dump($xml01->asXML()); // name 列で 逆ソートしてみる $xml01->sort('child', 'name', 'desc'); var_dump($xml01->asXML()); // 引数を配列にして複数の列をソート対象にできます。 // power 列で 逆ソート id 列で正ソートしてみる $xml01->sort('child', array('power', 'id'), array('desc', 'asc')); var_dump($xml01->asXML());

  ■ 結果

// id 列で正ソートしてみる string(228) "<?xml version="1.0" encoding="UTF-8"?> <root> <child id="1" name="C太郎" power="100"/> <child id="2" name="A太郎" power="10"/> <child id="3" name="B太郎" power="100"/> <child id="4" name="D太郎" power="20"/> </root> " // name 列で 逆ソートしてみる string(228) "<?xml version="1.0" encoding="UTF-8"?> <root> <child id="4" name="D太郎" power="20"/> <child id="1" name="C太郎" power="100"/> <child id="3" name="B太郎" power="100"/> <child id="2" name="A太郎" power="10"/> </root> " // power 列で 逆ソート id 列で正ソートしてみる string(228) "<?xml version="1.0" encoding="UTF-8"?> <root> <child id="1" name="C太郎" power="100"/> <child id="3" name="B太郎" power="100"/> <child id="4" name="D太郎" power="20"/> <child id="2" name="A太郎" power="10"/> </root>

ちゃんとソートできました。

めでたし、めでたし。 第２、第３引数を配列にすることで、複数のキーをソート対象にできます。 応用すれば、要素の内容をベースにソートすることもできそうですね。

PHP で XML 操作を行う際 SimpleXML がお手軽なのでよく使います。DomDocument みたく子要素を追加するときに一回 DOMElement 作って appendChild とか面倒なことしないで、addChild で直感的に要素を加えていけるのは便利です。実際私が作っているフレームワークのコア部分にはかなり SimpleXML が使われいます。 ですが、既にある子要素を再利用して SimpleXML に加える操作（DomDocument の appendChild 的に追加する操作）ができないのはちょっと残念でした。 addChild しながら頑張って作った子要素を、また一から他の場所に addChild してくのは面倒です。 追加先オブジェクトを一回 DomDocument に置き換えてから appendChild するという手もありますが、それも何だしもっと直感的にしたい。 いろいろ手を探したんですが、PHP の SimpleXML のドキュメントにもそれらしいメソッドは記載されてないですし、探すのも疲れたのであきらめて自作することにしました。

■ サンプルコード：SimpleXML に append メソッドを追加する。

class Mopi_Simple_Xml extends SimpleXMLElement { public function append (SimpleXMLElement $addElement, $childName = null) { if ((string) $addElement !== '') { $childVal = (string) $addElement; } if ($childName) { $child = $this->addChild($childName, $childVal); } else { $child = $this->addChild($addElement->getName(), $childVal); } foreach ($addElement->attributes() as $attName => $attVal) { $child->addAttribute ((string) $attName, (string) $attVal); } foreach ($addElement->children() as $addChild) { $child->append($addChild); } } }

要は追加する SimpleXML を走査して親 SimpleXML にくっつけてます。結局強引ですが。

■ 利用例

// 追加先オブジェクトの作成（第二引数で今回作成したクラスを指定） $xml01 = simplexml_load_string('<?xml version="1.0" encoding="UTF-8"?> <root> <child id="1"> <name>TEST01</name> </child> </root>', 'Mopi_Simple_Xml'); // 追加元オブジェクトの作成（普通の SimpleXML で大丈夫です） $xml02 = simplexml_load_string('<?xml version="1.0" encoding="UTF-8"?> <root> <child id="2"> <name>TEST02</name> </child> </root>'); // append してみる $xml01->append($xml02->child); // 結果の出力 var_dump($xml01->asXML());

■ 結果

<root> <child id="1"> <name>TEST01</name> </child> <child id="2"> <name>TEST02</name> </child> </root>

ちゃんと子要素が追加されました。 めでたし、めでたし。 次回は、コレを利用して SimpleXML でソートしてみます。（最終的にはソレがしたかったんですね。）