[JS] Extrahiere werte aus HTML Tabelle (td) aber nur bestimmten Teil

T

terades

Mitglied
Hallo,

ist es möglich aus einer HTML Tabelle nur einen bestimmten Teil einer td rauszuholen.

Code:
 <td role="gridcell" class="numberCol"><span class="ui-column-title">Start</span>10:02</td>

So sehen die Zeilen aus, ich bräuchte hier nur die 10:02.
Mit meiner jetztigen Methode:

Code:
var table = document.getElementById("table"),rIndex;
          
            for(var i = 1; i < table.rows.length; i++)
            {
                table.rows[i].onclick = function()
                {
                    rIndex = this.rowIndex;
                    console.log(rIndex);
                  
                             document.getElementById("Zeit").value = this.cells[0].innerHTML;
                };
            }

jedoch bekomme ich:

<span class="ui-column-title">Zeit</span>10:02

Vielen dank.
 
Thallius

Thallius

Top Contributor
Ich habe keine Ahnung was du da vor hast? Anscheinend ist ja der ganze Code von dir oder? Also warum willst du eine konstante aus einem Code lesen den du selber geschrieben hast?
 
T

terades

Mitglied
Ne den code hole ich mir von einer Seite und hab da dann immer das störende "<span class="ui-column-title">Zeit</span>" drin stehen.

Ich hole mir da noch andere Werte, die ich dann als Variablen einlesen will später :).

Darum dachte ich vlt gibt es nen Trick wie ich den das <span class... </span> ausblenden kann :)
 
Thallius

Thallius

Top Contributor
Ja du kannst mit replace und einem regex alle Zeichen die keine Zahlen und : sind entfernen.
Aber ich sag Dir gleich ws Du da vorhast wird nicht wirklich funktionieren. Daten aus anderen Websteien auszulesen ist im Regelfall illegal und meistens von recht kurzer Dauer. Jeder Webseitenbetreiber der was auf sich hält aktulisiert sein Layout regelmäßig und dann wird Dein Programm die Tabelle nicht mehr finden oder die passenden rows etc.
 
T

terades

Mitglied
In dem Fall nicht schlimm (ist das Intranet). Also geht das wohl klar denke ich. :) Aber danke mit Regex kenn ich mich etwas aus dann schau ich mal :)
 
_Andi84

_Andi84

Mitglied
HTML:
<!DOCTYPE HTML>

<html>
    <head>
        <meta charset="UTF-8" />
        <title>TEST</title>
        <script>
            window.onload = function () {
                var tdtag =  document.getElementById("test");
                var zeit = tdtag.innerText;
                var erg = zeit.replace("Start", "");
                document.getElementById("ausgabe").innerHTML = erg;
            };
        </script>
    </head>
    <body>
        <h1 id="ausgabe"> </h1>
        <table>
            <tr>
                <td id="test" role="gridcell" class="numberCol"><span class="ui-column-title">Start</span>10:02</td>
            </tr>
        </table>
    </body>
</html>

Hallo! Ich habe mir eine Lösung ausgedacht. Allerdings muss dazu eine id="test" dem <td> Tag hinzugefügt werden.
Gruß _Andi84
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
PhilipMJNE Hilfe bei HTML und CSS! HTML / CSS 12
PhilipMJNE CSS in HTML via Link einbinden PROBLEM ! HTML / CSS 22
VPChief HTML Bei bestimmter eingabe in textfeld neu HTML Seite öffnen HTML / CSS 6
B Bilder aus Server in HTML anzeigen HTML / CSS 5
B Zeit für Doppelklick messen (HTML/JS) HTML / CSS 3
M Javascript: HTML-Datei erstellen und auf Festplatte speichern HTML / CSS 8
M HTML-Code einer fremden Webseite auslesen - geht das mit Javascript HTML / CSS 19
U Html Funktion Java Funktion zuweisen HTML / CSS 2
D Daten von einer HTML Datei auf eine andere HTML Datei bekommen HTML / CSS 2
E HTML DOM HTML / CSS 1
A Nur bestimmte Zeichen in HTML input Feld erlauben (JavaScript) HTML / CSS 11
Dimax HTML bei button click Formular an php senden aber andere seite öffnnen HTML / CSS 23
Dimax Mehrere css Dateien in eine HTML Seite einbinden HTML / CSS 3
Dimax Variable vom Get Request in HTML abfangen HTML / CSS 9
A Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist HTML / CSS 0
D HTML- Formulare an den Server senden HTML / CSS 5
S Quiz mit HTML/PHP erstellen HTML / CSS 3
W Keylistener Applet in Html HTML / CSS 9
S HTML Datei per E-Mail versenden HTML / CSS 3
K Html Programmieroberfläche einbinden (java) HTML / CSS 1
_Andi84 Unfertige HTML Ersetzungsfunktion HTML / CSS 1
K Verständnis von HTML/CSS & JScript HTML / CSS 2
Pataraca mit HTML auf php zugreifen HTML / CSS 1
I zugehörige HTML bzw. PHP Datei in den Entwicklertools finden HTML / CSS 3
D Hilfe bei erster Html-Aufgabe (Rahmen) HTML / CSS 6
KaffeeFan HTML Text rotieren HTML / CSS 2
K How to create Html tables for java parser objects? HTML / CSS 2
EisKaffee HTML interner Link soll neues Fenster aufmachen HTML / CSS 2
H javascript - html Beispiel LQH, verwirklichung HTML / CSS 1
I Menü, Header, Content ausgliedern aus einer HTML Seite HTML / CSS 2
G HTMl Tabellen-Zelle zeilen oder Höhe begrenzen HTML / CSS 1
O HTML/CSS doppeltes DropDown Menu HTML / CSS 1

Ähnliche Java Themen

Anzeige

Neue Themen


Oben