Как при помощи javascript выбрать элемент из XML?

Question

[Pavel_Proca]

Есть файл XMl в котором несколько групп с иконками. У каждой иконки есть id. Как выбрать этот id с помощью javascript?
Вот пример XML

<icons>
	<icons-group name="Work Icons">
		<icon>
			<id>1</id>
			<name>First Icon</name>
		</icon>
		<icon>
			<id>2</id>
			<name>Second Icon</name>
		</icon>
	</icons-group>
	<icons-group name="Action">
		<icon>
			<id>3</id>
			<name>Third Icon</name>
		</icon>
		<icon>
			<id>4</id>
			<name>Fourth Icon</name>
		</icon>
		<icon>
			<id>5</id>
			<name>Fifth Icon</name>
		</icon>
	</icons-group>
</icons>

Answer 1

[Astrohas]

parser = new DOMParser();
xmlDoc = parser.parseFromString(txt, "text/xml");
ids = xmlDoc.getEelmentsByTagName("id")

Comments

[Pavel_Proca]

А каким образом мне знать какой элемент выбран? К примеру, я хочу выбрать id пятой иконки. Не буду же я считать сколько там иконок и id, ведь их может быть сотни.

[Astrohas]

Pavel_Proca: вы можете работать с xml также как и с html. можете через parentNode узнать, можете сделать как то так

icons =  xmlDoc.getEelmentsByTagName("icon");
for (i in icons){
  ids = icons[i].getElementsByTagName("id");
}

[Pavel_Proca]

Возможно я не совсем правильно сформулировал вопрос. Мне нужно выбрать id у icon[i] из group[i]. Так как-то. То есть как при помощи javascript выбрать id у i-той иконки, из какой-либо группы?

[Astrohas]

Pavel_Proca:

icons_groups = xmlDoc.getEelmentsByTagName("icons-group");
for (i in icons_groups){
  icons_of_icon_group = icons_groups[i].getElementsByTagName("icon");
  for (cur_icon in icons_of_icon_group){
      ids_of_icons_of_icon_grop = icons_of_icon_group[cur_icon].getElementsByTagName("id")[0];
    }
}