Einzelne Werte einer XML-Datei auslesen und in HTML-Seite einbinden?

[admin]

Wenn der Inhalt der xml Datei als String im Javascript Code steht , geht es auch so

Code:

<main>
<label>Sensor 1</label>
<p>Val = <span id="reihe1_val1"></span></p>
<p>Val2 = <span id="reihe1_val2"></span></p>
<label>Sensor 2</label>
<p>Val = <span id="reihe2_val1"></span></p>
<p>Val2 = <span id="reihe2_val2"></span></p>
</main>
<script>
var data=`<root>
<sns id="1" name="Sensor A" type="1" status="0" unit="0" val="25.0" w-min="" w-max="" type2="2" status2="0" unit2="0" val2="44.1" w-min2="" w-max2="" type3="3" status3="0" unit3="0" val3="11.9" w-min3="" w-max3=""/>
<sns id="2" name="Sensor B" type="1" status="0" unit="0" val="21.0" w-min="" w-max="" type2="2" status2="0" unit2="0" val2="54.3" w-min2="" w-max2="" type3="3" status3="0" unit3="0" val3="15.9" w-min3="" w-max3=""/>
<status msp="1" level="2" location="Temperatur" time="01/07/2009 3:26:41"/>
<dbgg stmsp="0" v1="0" v2="0" v3="0" v4="0" v5="0" v6="0" v7="0" v8="0" v9="0" v10="0" v11="0" v12="0" v13="0" v14="0" v15="0" v16="0"/>
</root>`;

var r1v1=document.getElementById('reihe1_val1');
var r1v2=document.getElementById('reihe1_val2');
var r2v1=document.getElementById('reihe2_val1');
var r2v2=document.getElementById('reihe2_val2');
let parser = new DOMParser (),
xmlDoc = parser.parseFromString (data, 'text/xml');
root=xmlDoc.getElementsByTagName ('root')[0];
//r1v1.innerHTML=root.children[0].getAttribute('val');
// r1v2.innerHTML=root.children[0].getAttribute('val2');
// r2v1.innerHTML=root.children[1].getAttribute('val');
//  r2v2.innerHTML=root.children[1].getAttribute('val2');  
        
r1v1.innerHTML=root.getElementsByTagName('sns')[0].getAttribute('val');
r1v2.innerHTML=root.getElementsByTagName('sns')[0].getAttribute('val2');
r2v1.innerHTML=root.getElementsByTagName('sns')[1].getAttribute('val');
r2v2.innerHTML=root.getElementsByTagName('sns')[1].getAttribute('val2');  

</script>