XMLをDOMで操作したい

Question

XMLで
<？xml version=“1.0“ encoding=”UTF-8“?>
<お菓子>
<甘い>チョコ</甘い>
<甘い>グミ</甘い>
<しょっぱい>ポテトチップス</しょっぱい>
</お菓子>

というようなxml文書を作ったのですが、コレをJavaScript のdomプログラミングで操作をして「チョコ」と「グミ」だけの情報を記述したいのですが、どのようにすればよろしいのでしょうか？
教科書ではfor文なども使っており理解が追いついておりません
何卒ご教授お願い致します。

Answer 1

こんにちは

MDNドキュメント内に「XML のパースとシリアライズ」というページがあるので、こちらを参考にされてみてはいかがでしょうか？

たとえば

const xmlString = `
<お菓子>
<甘い>チョコ</甘い>
<甘い>グミ</甘い>
<しょっぱい>ポテトチップス</しょっぱい>
</お菓子>
`;

という文字列 xmlString を作っておいて、

const parser = new DOMParser();
const root = parser.parseFromString(xmlString, "application/xml");

とすると、DOMツリーのルートノードを参照する root が得られます。このroot を使って、タグ <甘い> に囲まれたテキストを収集するのであれば、以下で出来ます。

const sweets = [...root.getElementsByTagName('甘い')].map(e => e.textContent);

• 動作確認用サンプル： https://codepen.io/jun68ykt/pen/bGEZzzy?editors=0012

参考になれば幸いです。