@oliverio said in Javascript Elemente Stylen:

publikation = '<p class="mystyle">in: ' + x[i].getElementsByTagName("publication")[0].childNodes[0].nodeValue + '</p>';

vielen vielen Dank für den Tipp! Versteh nicht wie ich den in 2 Stunden googlen nicht finden konnte xD

@oliverio
Hab doch oben mein JS gepostet?!
Was meintest, dass ich noch schicken soll?

@oliverio
Ja die Tabelle die ich erzeugt habe fkt super mit den XML Daten.
Nur kriege ich das stylen einfach nicht hin.

@oliverio
Hey, hab es jetzt mit deinem ersten Lösungsansatz gelöst

Allerdings krieg ich es in meinem css part nicht gestyled -.-

@oliverio
alles klar, danke für deine Hilfe,

<script>
function loadXMLDoc() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xmlhttp.open("GET", "http://eref.uni-bayreuth.de/XML/person_gndid/13330955X.xml", true);
xmlhttp.send();
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;

var h = (xmlDoc.getElementsByTagName("publication"));
h.classList.add("mystyle");
// xmlDoc.getElementsByTagName("publication").style.color = "red";

  var table= "<table> <tr><th width= 30%>Titel</th><th width=10% >Beteiligte</th><th width =5%>Link</th></tr>";
  var x = xmlDoc.getElementsByTagName("eprint");
  var y = xmlDoc.getElementsByTagName("person_search");
  var z = xmlDoc.getElementsByTagName("abstract_original");
    
for (let i = 0; i <x.length; i++) {

titel = x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue + "<br />";

publikation = "";
    
  
    if (x[i].getElementsByTagName("publication").length == 1){
       publikation = "in:  " + x[i].getElementsByTagName("publication")[0].childNodes[0].nodeValue ;
       publikation.classList.add("mystyle");
      }

    
    try {
         var temp = x[i].getElementsByTagName("event_title")[0].childNodes[0].nodeValue + ", "
         +  x[i].getElementsByTagName("event_location")[0].childNodes[0].nodeValue + ", "
         +  x[i].getElementsByTagName("event_dates")[0].childNodes[0].nodeValue + ", ";
     if (typeof temp !== "undefined"){
       publikation = "presented at:  " + temp ;
     
       }
    } catch (e){
    }
    try {
         var temp = x[i].getElementsByTagName("publisher")[0].childNodes[0].nodeValue + ", "
         +  x[i].getElementsByTagName("date")[0].childNodes[0].nodeValue + ", "
     if (typeof temp !== "undefined"){
       publikation = temp ;
      
       }
    } catch (e){
    }

autoren = "";

 for (let j=0; j< y[i].getElementsByTagName("item").length ; j++) {
   autoren +=  y[i].getElementsByTagName("item")[j].childNodes[0].nodeValue + "<br />"		
  }
  
verlinkung = ""; 
try {
         var temp2 = x[i].getElementsByTagName("official_url")[0].childNodes[0].nodeValue;
     if (typeof temp2 !== "undefined"){
       l = "Publikation" ;
       var verlinkung = l.link(temp2);
       }
    } catch (e){
  }
  
bibtex= "";
 var id = x[i].getElementsByTagName("eprintid")[0].childNodes[0].nodeValue;
 var url = "https://eref.uni-bayreuth.de/cgi/export/eprint/"+id+"/BibTeX/ubt_eref-eprint-"+id+".bib";
  l2 = "BibTeX";
  var bibtex = l2.link(url);

table += "<tr><td>" + titel + publikation
+ "</td> <td> "+ autoren + "</td> <td> "+ verlinkung + "<br />" + bibtex

  }

  document.getElementById("demo").innerHTML = table + "</table>";

}

</script>

so sieht das ganze Skript (zumindest der JS Teil) aus.
PS: keine Ahnung warum der composer manches nicht "übersetzt" -.-

Hallo,
ich bin dabei eine XML-Datei zu Parsen. Die Daten übertrage ich mittels Javascript in eine Tabelle.
Nun möchte ich die verschiedenen Elemente stylen, finde allerdings keine Lösung.

    if (x[i].getElementsByTagName("publication").length == 1){
       publikation = "in:  " + x[i].getElementsByTagName("publication")[0].childNodes[0].nodeValue ;
       publikation.classList.add("mystyle");
      }

Idee: die Elemente einer Html Klasse hinzufügen und sie anschließend in CSS stylen. Funktioniert aber nicht. Ebensowenig wie die Elemente gleich in JS zu stylen (Kernproblem das gleiche i guess). Der Error ist immer der selbe ob ich es versuche oder gleich mittels publikation.style.color = "red"; versuche

Uncaught TypeError: publikation.classList is undefined

Freue mich über jeden Hinweis

@asgothian
Vielen Dank,
hab es über try and catch gelöst, anders hat es leider nicht funktioniert

@asgothian

Hallo,
danke für die schnelle Antwort, habe den Code folgendermaßen angepasst:

var x = xmlDoc.getElementsByTagName("eprint");
var y = xmlDoc.getElementsByTagName("person_search");
var z = xmlDoc.getElementsByTagName("abstract_original");

  for (let i = 0; i <x.length; i++) {

titel = x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue + "<br />";

publikation = "";
    
    var temp = x[i].getElementsByTagName("publication")[0].childNodes[0].nodeValue;
    if (typeof temp !== undefined){
      publikation = temp;
    }
    else{
      publikation = "0";
    }

Der Error ist leider immer noch der selbe:
Uncaught TypeError: x[i].getElementsByTagName(...)[0] is undefined

hallo Freunde ich möchte eine XML-Datei in eine HTML Datei mittels Javascript kommands "übersetzten"

Folgendes: Ich loope durch die XML Datei und greife mir die relevanten Sachen mittels DOM raus.

Mein Problem: Meine if Überprüfung will einfach nicht funktionieren, ich bekomme immer diesen Error auf der Konsole:
Uncaught TypeError: x[i].getElementsByTagName(...)[0] is undefined
, da eben manchmal die ChildNote publication nicht in der XML-Datei aufzufinden ist.
Dieser Error blockiert leider das gesamt Skript ... also bin ich für jeden Tipp dankbar