Wie kann ich mit Javascript eine Zeile einer (HTML)Tabelle auslesen?

<table width="840px" height="100px" border="solid">
<tr>
<td width="270px" align="center" id="eineID">
50
</td>
<td>
<script type="text/javascript">
//auslesen der 50
</script>
</td>
</tr>
</table>

3 Antworten

LeBonyt

27.02.2019, 12:39

Mein Vorschlag:

<!DOCTYPE html>
<html>
<body>
<div id="demo"></div>
<table width="840px" height="100px" style="border:1px black solid">
<tr>
<td width="270px" align="center" id="eineID">
50
</td>
<td>

</td>
</tr>
</table>


<script>
var myElement = document.getElementById("eineID");
document.getElementById("demo").innerHTML = 
"Wert ist: " + myElement.innerHTML;
</script>

</body>
</html>

Viel Erfolg

Woher ich das weiß:Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

MonkeyKing

27.02.2019, 12:40

So in etwa

console.log(document.querySelector("table tr:nth-child(2) td:nth-child(2)").innerText)

liefert den Inhalt der zweiten Spalte der zweiten Zeile zurück

Woher ich das weiß:Berufserfahrung – 20 Jahre Berufserfahrung

Webclon

27.02.2019, 12:34

var msg = document.querySelector("#eineID").value;

soweit ich weiß aber bin mir nicht sicher :S

Woher ich das weiß:eigene Erfahrung

Ähnliche Fragen

CSS-Table zentrieren?

Hallo!

Ich möchte dieses Diagramm und diese Tabelle zentrieren? Doch wie geht das?



<div id="curve_chart" style="width: 900px; height: 500px"></div>

<table class="center">
    <thead>
        <tr>
            <th>ID</th>
            <th>Temperatur</th>
            <th>Zeitpunkt</th>
        </tr>
    </thead>
    <tbody>
        {% for temp in temps %}
        <tr>
            <td>{{temp.id }}</td>
            <td>{{temp.temperatur }}</td>
            <td>{{temp.zeitpunkt }}</td>
        </tr>
        
        {% endfor %}
        
    </tbody>
</table>


{% endblock %}

...zur Frage

Taschenrechnr mit Typescript erstellen?

Hallo, wir sollten für unseren Kurs einen Taschenrechner auf unserer Webseite erstellen. Diese sollte erst + - * und / errechnen können. Dies habe ich so gemacht:

<form name="Rechner">
 <table border="10" cellpadding="10" bgcolor="#E0E0E0">
   <tr>
     <td bgcolor="#C0C0C0"><input name="Display" size="30" maxlength="30"></td>
   </tr>
   <tr>
     <td>
  <table>
       <tr>
         <td width="50"><input type="button" value="  7  " onclick="Hinzufuegen('7')"></td>
         <td width="50"><input type="button" value="  8  " onclick="Hinzufuegen('8')"></td>
         <td width="70"><input type="button" value="  9  " onclick="Hinzufuegen('9')"></td>
         <td width="50"><input type="button" value="  +   " onclick="Hinzufuegen('+')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="  4  " onclick="Hinzufuegen('4')"></td>
         <td width="50"><input type="button" value="  5  " onclick="Hinzufuegen('5')"></td>
         <td width="70"><input type="button" value="  6  " onclick="Hinzufuegen('6')"></td>
         <td width="50"><input type="button" value="   -   " onclick="Hinzufuegen('-')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="  1  " onclick="Hinzufuegen('1')"></td>
         <td width="50"><input type="button" value="  2  " onclick="Hinzufuegen('2')"></td>
         <td width="70"><input type="button" value="  3  " onclick="Hinzufuegen('3')"></td>
         <td width="50"><input type="button" value="      " onclick="Hinzufuegen('')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="   =   " onclick="Ergebnis()"></td>
         <td width="50"><input type="button" value="  0  " onclick="Hinzufuegen('0')"></td>
         <td width="70"><input type="button" value="  .   " onclick="Hinzufuegen('.')"></td>
         <td width="50"><input type="button" value="   /   " onclick="Hinzufuegen('/')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="Wurzel " onclick="Sonderfunktion('sqrt')"></td>
         <td width="50"><input type="button" value=" pow " onclick="Sonderfunktion('pow')"></td>
         <td width="70"><input type="button" value=" log " onclick="Sonderfunktion('log')"></td>
         <td width="50"><input type="reset" value="  C  "></td>
       </tr>
       <tr>
     </table>
     </td>
   </tr>
 </table>
</form>

Jetzt sollen wir den Taschenrechner erweitern und Flächeninhalt; Umfang(Rechteck),Potenzieren,Fakultät, Modulo und Dezimal Dual hinzufügen.

Die Buttons kann ich erstellen, aber wie erstelle ich die dazugehörige scripts? Ich hoffe jemand kann mir helfen. :(

...zur Frage

JSON in editierbaren HTML Table?

Hallo zusammen,

ich versuche zur Zeit folgende JSON-Datei in eine editierbare, dynamische HTML-Table einzulesen, aber scheitere leider schon beim einlesen der JSON-Datei.

{
 "listenPort": 25565,
 "backendServerMappings": [
   {
    "mappingDomain": "example.com",
    "backendServerAddress": "192.168.1.10",
    "backendServerPort": 25565
   },
   {
    "mappingDomain": "ftb.example.com",
    "backendServerAddress": "192.168.1.20",
    "backendServerPort": 25565
   }
 ]
}

Als HTML habe ich folgenden Schnipsel schon im Internet gefunden, welcher aber die JSON nicht richtig einliest:

<html lang="de"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Cleanstone Configuration</title> 
  <script src= "https://code.jquery.com/jquery-3.5.1.js"></script> 
   <style> 
    table { 
      margin: 0 auto; 
      font-size: large; 
      border: 1px solid black; 
    } 
  
    h1 { 
      text-align: center; 
      color: #006600; 
      font-size: xx-large; 
      font-family: 'Gill Sans',  
        'Gill Sans MT', ' Calibri',  
        'Trebuchet MS', 'sans-serif'; 
    } 
  
    td { 
      background-color: #E4F5D4; 
      border: 1px solid black; 
    } 
  
    th, 
    td { 
      font-weight: bold; 
      border: 1px solid black; 
      padding: 10px; 
      text-align: center; 
    } 
  
    td { 
      font-weight: lighter; 
    } 
  </style> 
</head> 
  
<body> 
  <section> 
    <h1>Minecraft Cleanstone Configuration</h1> 
  
    <!-- TABLE CONSTRUCTION-->
    <table id='table'> 
      <!-- HEADING FORMATION -->
      <tr> 
        <th>Domain</th> 
        <th>Server Address</th> 
        <th>Server Port</th> 
      </tr> 
  
      <script> 
        $(document).ready(function () { 
  
          // FETCHING DATA FROM JSON FILE 
          $.getJSON("config.json",  
              function (data) { 
            var student = ''; 
  
            // ITERATING THROUGH OBJECTS 
            $.each(data, function (key, value) { 
  
              //CONSTRUCTION OF ROWS HAVING 
              // DATA FROM JSON OBJECT 
              student += '<tr>'; 
              student += '<td>' +  
                value.mappingDomain + '</td>'; 
  
              student += '<td>' +  
                value.backendServerAddress + '</td>'; 
  
              student += '<td>' +  
                value.backendServerPort + '</td>'; 
  
              student += '</tr>'; 
            }); 
              
            //INSERTING ROWS INTO TABLE  
            $('#table').append(student); 
          }); 
        }); 
      </script> 
  </section> 
</body> 
  
</html>

Ich würde auch gerne die json-Datei editieren können und auch abspeichern können. Wie genau ist das möglich?

Ich bedanke mich schonmal im Voraus und entschuldige mich für ggf. unklare Ausdrucksweisen.

...zur Frage

dynamische Tabelle mit php erzeugen?

Hallo, ich will eine dynamische tabelle mit php erzeugen. Die zahlen sollten hochzählen und die reihen und spalten sollten sich oben in der leiste durch eingabe ändern lassen. Bisher habe ich das:

<table>
<?php
$rows =10;
$cols =20;
$zahl=1;
for ($tr = 0; $tr < $rows; $tr++) {
  echo '<tr>';
for ($td = 0; $td < $cols; $td++) {
  echo'<td> </td>';
    $zahl++;
  {
echo '</tr>;
}
?>
</table>

Leider komme ich jetzt nicht mehr weiter

...zur Frage

Wie kann ich eine dynamische HTML-Tabelle persistent erweitern?

Hey liebe GuteFrageNet-Community,

ich bastle gerade an einer Website, in der man eine Tabelle per Knopfdruck erweitern kann. Dies funktioniert soweit auch sehr gut, aber es wird nicht gespeichert, bzw. nur im Cache bei demjenigen, der den Knopfdruck ausgeführt und etwas hineingeschrieben hat.

Gibt es eine Möglichkeit, diese Tabelle zu "speichern" und es zu übernehmen?

Und noch eine weitere kleine Frage: In der Tabelle kann man wie oben schon beschrieben, etwas hineinschreiben. Wie kann man die Schriftfarbe dynamisch ändern? Also klar, mit type="color". Aber wie genau?

Hier der HTML und Javascript-Code:

<form method='post' name='first'>
  <table id='tab' border=5 id="box">
    <colgroup>
      <col width="40%">
      <col height="50%">
    </colgroup>
    <tbody>
      <th>Datum <br> Uhrzeit</th>
      <th>Map</th>
      <th>Ergebnis</th>
      <th>Spieler</th>
    </tbody>
    <tr>
      <td>
        <input id="changetext" type='text' type="color" name='Date' placeholder='Datum/Uhrzeit'>
      </td>
      <td>
        <input id="changetext" type='text' name='Map' placeholder='Map'>
      </td>
      <td>
        <input id="changetext" type='text' name='Result' placeholder='Ergebnis'>
      </td>
      <td>
        <input id="changetext" type='text' name='Player' placeholder='Spieler'>
      </td>
    </tr>
  </table>
  <br>
  <input type='button' value='neue Zeile' onClick='clone_this()'>
  <input id="changetext" type="color">
</form>
<script>
  var input = document.getElementById("changetext");
  var text = document.getElementById("text");

  input.addEventListener('change', function () {
    text.style.color = this.value;
  });
</script>

...zur Frage

Wie kann ich bei dieser Website den Link nach oben rechts verschieben?

Ich habe einen Link erstellt, der mich wieder zurück zur Hauptwebsite bringt. Nur möchte ich, dass der Link oben rechts ist. Kann mir da jemand helfen?

Die Webseite:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Preise</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
  <style>
    body {
      font-family: 'Open Sans', sans-serif;
      padding-left: 100px;
      padding-right: 100px;
    }

    .preise-navbar {
      padding-left: 100px;
      color: rgb(52, 57, 56);
    }

    .preise-container {
      background-color: white;
      padding: 16px;
    }

    table {
      border-collapse: collapse;
    }

    td,
    th {
      padding: 16px;
      border-bottom: 2px solid #8ebf42;
      text-align: center;
      padding-left: 100px;
    }

    a {
    }
  </style>
</head>
<body>
  <div class="preise-container">
    <h1 class="preise-navbar">Preise:</h1>
  </div>
  <table>
    <tr>
      <th></th>
      <th></th>
    </tr>
    <tr>
      <td>Erwachsene:</td>
      <td>20€</td>
    </tr>
    <tr>
      <td>Kinder unter 18</td>
      <td>10€</td>
    </tr>
    <td>Kinder unter 6</td>
    <td>3€</td>
  </table>
  <a href="Index.html">Zurück</a>
</body>
</html>

...zur Frage

Handy rechner Javascript?

Hallo, ich habe folgenden code:

<!DOCTYPE html>

<head>

<title>Calculator</title>

<style>

</style>

function appendOperation(operation){

document.getElementById("resultArea").innerHTML += operation;

}

function calculateResult() {

let container = document.getElementById("resultArea");

let result = eval(container.innerHTML);

container.innerHTML = result;

}

function deleteLast() {

let container = document.getElementById("resultArea");

if (container.innerHTML.endsWith(' ')) {

container.innerHTML = container.innerHTML.slice(0, -3);

} else {

container.innerHTML = container.innerHTML.slice(0, -1);

}

</script>

</head>

<body>

</div>

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

ICH KANN AUF DEM PC DAS = DRÜCKEN UND DEL DRÜCKEN, ALSO ZUM LÖSCHEN:

ABER AUF DEM HANDY KANN ICH NICHT = UND DEL DRÜCKEN, WORAN KANN DAS LIEGEN?

ICH NUTZE ANDROID MIT CHROME:

...zur Frage

Tabellenbereiche ausklappen mit Javascript?

Guten Tag,

ich möchte Tabellenbereiche ausklappen. Kenne mich mit Javascript überhaupt nicht aus darum suchte ich nach einer Lösung im Internet. Ich fand folgendes:

<script type="text/javascript">
var angezeigt = false;
function versteckt()  {  if (angezeigt) { document.getElementById('ghost').style.display = 'none'; angezeigt = false; } else { document.getElementById('ghost').style.display = 'block'; angezeigt = true; } }

</script>
<table cellspacing="2" cellpadding="2" border="0"> 
<tr> 
    <td> 
     Dieser Bereich ist sichtbar (immer). 
    <br><br>Und <a href="#" onclick="versteckt()"> hier</a> blenden wir einen "versteckten" Bereich ein und aus! 
    </td> 
</tr> 
<tr> 
    <td style="display : none" id="ghost">Dieser Bereich kann ein-/ausgeblendet werden!</td> 
</tr> 
</table>

Nun gebe ich mit einer while Schleife in php mehrere Tabellenzeilen aus. Zu jeder Zeile möchte ich gern per Link eine weitere Zeile ausgeben und auch wieder schließen lassen. Mit dem hier vorliegenden ist es nicht möglich es öffnet sich nur die erste Zeile.

Da ich von Javascript nichts verstehe frage ich euch was ich hier ändern müsste?

Vielen Dank im Voraus

...zur Frage

Html in ein td ein icon einbauen?

Hallo.

Wie kriege ich es hin das ich in ein td also

<table>

<tr>

</tr>

</table>

Also sowas <box-icon name='trash'></box-icon> da rein wegen zwischen den td klappt nicht habe ich ausprobiert und ja wenn's geht sollte im td stehen

Danke im Voraus.

...zur Frage

Per Batch Wert aus einem HTML Code auslesen?

Hallo liebe Community!

Ich habe im Forum schon nach Lösungen gesucht, aber leider nur Bruchstücke der Lösung gefunden.

Ich habe schon mehrere Schritte per Batch realisiert, aber der letzte will mir nicht gelingen:

Ich habe ein Programm, welches in verschiedenen Versionen gestartet werden kann, die Version bestimmt sich nach der jeweiligen Datenbank und -version.

Dafür gibt es eine HTML Übersichtsseite die alle Datenbanken mit allen Versionen abbildet. Diese wird automatisch als Textdatei runtergeladen und aktualisiert.

Nun muss ich aus dem HTML Code die Zeile mit der richtigen Datenbank auslesen und anschließend die Version, die weiter hinten steht.

Beispiel

<tr><td class='subtd'>DB1</td><td class='subtd'><nobr><font color=#fc7f2b><img title='Ich bin eine Datenbank' src='logo_ci.svg' width='14' height='14'> VERSIONSNUMMER</font></nobr> <font color=grey title='Letztes Login (Monat.Jahr) auf dieser Datenbank'>XXX</font> </td></tr>

<tr><td class='subtd'>DB2</td><td class='subtd'><nobr><font color=#fc7f2b><img title='Ich bin eine Datenbank' src='logo_ci.svg' width='14' height='14'> VERSIONSNUMMER</font></nobr> <font color=grey title='Letztes Login (Monat.Jahr) auf dieser Datenbank'>XXX</font> </td></tr>

HINWEIS die Versionsnummer ist immer gleich aufgebaut, aber unterschiedlich lang XX.X.XXX ODER X.XX.XXXX

Ich würde mich riesig über eine Erklärung zur Lösung freuen, weil ich was dazu lernen möchte.

...zur Frage

Tabelle in html mit CSS verschieben?

Habe eine Tabelle:

<table class="anker"

<tr>

<td>Anker 1</td>

</tr>

wollte die tabelle dann mit css:

table.anker{

margin-top: 50px;}

verschieben, aber wenn verschoben wird verschwinden die rahmen von der Tabelle

...zur Frage

Css Table Design?

Hi ich würde gerne die Border ganz schwarz machen habe auch

border: #black

aber irgendwie ist die border noch grau innen wie bekomme ich das weg?

hab table, td und tr auf schwarz :)))) bitte jemand helfen :p

...zur Frage

Hilfe mit CSS Flexbox?

wie kann ich die 4 Bilder wie folgt anordnen?

ich code noch nicht so lange, doch hier der code den ich bis jetzt habe. Also bitte nicht auslachen ^^

CSS:

/* Dienstleistungen*/

.dienstleistungen{

justify-content: center;

width: 75%;

}

.mofa-zündung-service{

height: 50%;

width: auto;

}

.mofa-getriebe-revisionen{

height: 25%;

width: auto;

align-self: top;

}

.mofa-vergaser-tuning{

height: 25%;

width: auto;

align-self: top;

}

.mofa-kolben-ersatzteile{

height: 25%;

width: 50%;

}

/*!Dienstleistungen*/

HTML:

<h3>Dienstleistungen</h3>

<li><a href="#">Service</a></li>

<li><a href="#">Revisionen</a></li>

<li><a href="#">Tuning</a></li>

<li><a href="#">Ersatzteile</a></li>

</div>

so sieht es bis jetzt aus:

Ich verstehe vor allem nicht wie ich die Bilder untereinander und gleichzeitig neben einem anderen Bild anordnen kann. (kolben)

...zur Frage

PHP – Textfeld in der Tabellenzelle "unsichtbar" machen?

Hallo, liebe Community!

Ich habe eine Tabelle in php erstellt, damit dort meine Werte und Variablen geordnet eingegeben werden können.

Wie kann ich nun das Textfeld in die Tabellenzelle so einfügen, dass es diese gesamt füllt? Also dass es sich so anfühlt, als würde ich direkt in die Zelle schreiben.

Das wäre meine bisheriger Code:

echo "<table class='Tabelle'>";

echo "<table border='1'>";

echo "<tr> <td>$a </td> <td><br><input type=\"\" style=\"border: none\" name=\"g\" value=\"\">\n</td> <td>Summe von $a - $b = $c</></tr>";

echo "</table>";

LG, Jim

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen