HTML Console Tabelleninhalt Eingabe über Console ändern?
Hallo,
ich habe eine lange HTML liste bei der die Preise manuell in HTML in einer Tabelle geändert werden müssen.
Ist es möglich über die Inspect Console von Chrome die Inhalte der Tabelle in einem Batch zu ändern?
So sehen die Felder aus die in der Tabelle geändert werden sollen:
(gespeichert werden dann alle Werte dann mit der Enter Taste in einem der Felder)
Die Tabelle hat folgenden Code:
<td id="LAYOUT_DONNEES_PRIX-2-16-cell" class="z_c1_bpslay2stdData" style="text-align: right;"><input name="LAYOUT_DONNEES_PRIX-2-16" size="4 " maxlength="70 " class="z_c1_bpslay2Edf" style="text-align: right;" value="0,00"></td>
Die neuen Zeilen hätten dann folgende ID:
id="LAYOUT_DONNEES_PRIX-2-16-cell"
id="LAYOUT_DONNEES_PRIX-3-16-cell"
id="LAYOUT_DONNEES_PRIX-4-16-cell"
und geändert werden müsste jeweils nur die Value:
value="0,00"
Falls ihr mir sagen könnt, was Ich in der Console eingeben muss um einen Inhalt zu ändern wäre mir sehr geholfen.
Ich bin ein absoluter noob in diesem Gebiet und einfach
change <id="LAYOUT_DONNEES_PRIX-2-16-cell" value="1,00">
eingeben funktioniert leider nicht :D
Ich hoffe ihr habt verstanden was ich brauche :)
Vielen Dank und viele Grüße
Jens
3 Antworten
Das ändert ja an der HTML-Datei selbst nichts. Das ändert nur die Anzeige im Browser. Lädst Du die Seite neu, sind die Änderungen weg.
Du musst das Originaldokument mit einem Texteditor ändern.
Wenn es um das Ausfüllen eines Formulars geht: Die Console hat keinen "Batch Mode". Also nein: Das geht nicht.
Also ich kann mir gut vorstellen, dass Du einfach viel schneller bist, wenn Du das Formular einfach direkt ausfüllst...
Versuche mal
for(i=2;i<=10;i++) document.getElementById('LAYOUT_DONNEES_PRIX-'+i+'-16-cell').value='1,00';
Die 10 halt entsprechend der Nummer des höchsten Feldes ändern.
Hallo iQa1x,
leider funktioniert es nicht, egal was ich versuche.
Ich habe hier noch ein paar Bilder der Elemente hochgeladen, By ID gibt null zurück, muss das by Name oder sogar die Node verändert werden damit es funktioniert?
Screenshot:
Vielen Dank und viele Grüße
document.getElementsByName('LAYOUT_DONNEES_PRIX-2-16')[0].value='1,2'
document.getElementsByName('LAYOUT_DONNEES_PRIX-3-16')[0].value='2,11'
Funktioniert, vielen dank. Ganau das was ich gesucht habe
Kann ich in der Konsole noch das Menü von TOP durch einen Befehl auf main stellen, bzw. eine direkte Zuweisung der document.getElementsByName vornehmen? Ansonsten funktioniert der code nicht beim öffnen der Console: (soll benutzerfreundlich sein)
Screenshot: https://ibb.co/2630JtN
Kann ich dir leider nicht sagen, dass ist wohl eine Chrome-Spezialität, ich benutze nur Firefox. Versuche mal main.document.getElementsByName... im top-Kontext, vielleicht tut das schon (Wenn main der Name eines Frames ist).
Hello,
jede Zeile hat einen unterschiedlichen Wert. Ich würde mit in Excel den entsprechenden Input zusammenstellen.
Wie würde dein Code aussehen um nur den Wert in "LAYOUT_DONNEES_PRIX-2-16-cell" zu ändern?
document.getElementById('LAYOUT_DONNEES_PRIX-2-16-cell').value='1,00';
so?
Gruß Jens
Moinsen!
Wenn du im Inspector irgendwas änderst, wird es nur visuell geändert, also es wird nichts gespeichert. Du benötigst hierzu am besten einen HTML Editor, wie z.B. Notepad++ (kostenfrei). Damit kannst du Werte ändern. z.B. mit Suchen und ersetzen. Die Datei kannst du daraus dann abspeichern.
//edit:
Also im Grunde musst du mit Rechtklick nicht auf Quelle klicken, sondern auf "Untersuchen". Dann kannst du im Zusatzfenster auf die Codezeilen gehen, die du ändern willst. Mit Doppelklick kannst du sie dann bearbeiten.
![- (Webseite, HTML, JavaScript)](https://images.gutefrage.net/media/fragen-antworten/bilder/511251109/0_big.png?v=1691477393000)
Guten Morgen, visuell ändern reicht vollkommen aus. Denn Ich kann die Tabelleninhalte dann alle zusammen mit der Enter Taste in einem der Felder bestätigen und einfahren.
Vielen Dank. Wie ich es manuell ändere weiss ich schon.
Ich würde es aber gerne über z.B. die Eingabekonsole des Inspectors ändern um nicht alle 200 Zeilen manuell einzugeben.
z.b. in dem ich folgendes in die Eingabeconsole kopiere: (funktioniert leider nicht ohne wissen des Befehls)
id="LAYOUT_DONNEES_PRIX-2-16-cell" = Value: 1,00
id="LAYOUT_DONNEES_PRIX-3-16-cell" = Value: 1,23
id="LAYOUT_DONNEES_PRIX-4-16-cell" = Value 1,34
Ich würde mir den ganzen notwendigen Bums aus dem Code rauskopieren, in einen Editor packen und dann mit "suchen und ersetzen" alles auf einen Schlag ändern, was du ändern willst. Denke nicht, dass multiple Änderungen, so wie du sie vor hast, im Inspector funktionieren.
Das wird mit Suchen und Ersetzen leider nicht funktionieren. Dann müsste ich es ggf. 200 mal Suchen und durch entsprechende Werte ersetzen. Dann ist die manuelle Eingabe der Tabelle effektiver.
Fangen wir ganz einfach an. Ist es möglich den Wert in der ersten Textbox über die Console zu ändern?
<td id="LAYOUT_DONNEES_PRIX-2-16-cell" class="z_c1_bpslay2stdData" style="text-align: right;"><input name="LAYOUT_DONNEES_PRIX-2-16" size="4 " maxlength="70 " class="z_c1_bpslay2Edf" style="text-align: right;" value="0,00"></td>
zu Value="1,11"
Hallo,
ich muss es nur visuell ändern, da ich die Eingaben danach speichern kann.
Ich brauche keinen Batch Mode, wenn ich über die Console einen wert ändern kann, sollte ich auch die anderen ändern können.