HTML Element mit Javascript "untersuchen"?

Kann man mit Javascript ein HTML Element "untersuchen"? Sprich z.B gucken ob dieses Element einen bestimmten Wert hat? Was braucht man dazu (Id oder class ?) ?

3 Antworten

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren, JavaScript

09.07.2021, 16:16

Ja. Geht sowohl per ID, als auch per Class - Jenachdem was das Element hat.

Zum Beispiel:

<p id="some_text"> Text </p>

Dann könnte man den Text des Elements so auslesen und vergleichen:

const der_Text = document.getElementById("some_text").textContent;

if(der_Text === bestimmter_Wert) { ... }

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

The2nd

Fragesteller

09.07.2021, 16:24

Wenn ich jetzt nen image habe ( <image src= "Bild.png" id="Ein_Bild"> ), kann ich dann auch das Bild überprüfen? Sprich:
if (Ein_Bild === Bild.png) {...}

MrAmazing2

09.07.2021, 16:35

@The2nd

Inwiefern überprüfen?

Willst du überprüfen ob die source des Bildes "Bild.png" ist?

Oder willst du wirklich Pixel für Pixel das Bild mit einem anderen Bild vergleichen?

The2nd

Fragesteller

09.07.2021, 16:36

@MrAmazing2

Nur ob src "Bild.png" ist.

The2nd

Fragesteller

09.07.2021, 16:36

@MrAmazing2

Wie schreibt man das dann?

MrAmazing2

09.07.2021, 16:37

@The2nd

if (document.getElementById("Ein_Bild").getAttribute("src") === "Bild.png") {

...

}

The2nd

Fragesteller

09.07.2021, 16:37

@MrAmazing2

Sehr gut. Vielen Dank für deine Hilfe!

MrAmazing2

09.07.2021, 16:38

@The2nd

Kein Problem ^^

BeamerBen

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

09.07.2021, 16:13

Es gibt verschiedene Wege, es gibt document.getElementById, Elements by Class name… und das sehr flexible querySelector bzw. querySelectorAll bei dem man CSS selektoren nutzen kann.

Hier findest du nützliche Doku zu dem Thema https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents

Woher ich das weiß:Berufserfahrung – Software Entwickler / Devops

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

09.07.2021, 16:11

https://stackoverflow.com/questions/2048720/get-all-attributes-from-a-html-element-with-javascript-jquery

...zur Frage

JavaScript: Wie lässt man ein Element ausblenden und ein anderes einblenden?

Hallo zusammen!

Ich möchte gerne zwei HTML-Buttons mit JavaScript ausblenden sobald auf einer der beiden Buttons geklickt wird. Nachdem die Buttons verschwunden sind sollte ein anderes Element eingeblendet werden. Dieses Element ist schon ausgeblendet, da es dynamisch mit document.write erstellt wird und dass im Moment noch nicht passiert.

Hat jemand einen Pseudocode?

...zur Frage

Html in apps bearbeiten?

Kann man irgendwie in Apps das Html element oder script element untersuchen wie im Browser und dann die Schrift verändern? Zum beispiel browser kann man links klick element untersuchen und dann kann man was anderes hinschreiben, kann man das auch irgendwie bei Apps machen?

Android 11

...zur Frage

Kann ich mit JavaScript Ein Element aus einer HTML Website auslesen?

Hallo, allerseits.

Ich möchte einen Discord Bot programmieren, der automatisch ein element in einer fremden website auslesen. hat jemand eine Idee?

Danke im vorraus!

...zur Frage

Wie lange braucht man für html, css und Javascript?

Wie lange braucht man um html, css und Javascript so gut zu können um ein ernsthaftes Projekt zu starten und wie kann ich das am effektivsten und schnellsten erreichen(Bücher, Videokurse usw)?

...zur Frage

Tag-Name ändern(HTML, JavaScript, DOM-Manipulation)?

Hi, wie kann ich, wenn ich mit DOM-Methoden ein Element auswähle, dessen Tag-Namen ändern, geht das überhaupt?

...zur Frage

Mit Javascript zu einem Teil im HTML Dokument springen?

Hallo !

Ich bin gerade dabei eines meiner ersten Projekte mit JavaScript/CSS/HTML umzusetzen.

Ich bin gerade dabei eine Suchfunktion einzubauen.

Ich habe eine Layout von Material Design Lite verwendet. Ich habe es so umgesetzt, dass das ganze im einem HTML Formular steht und beim absenden (drücken der ENTER Taste) eine JavaScript Funktion ausgeführt wird. Bei dieser hole ich mir mithilfe von document.getElementById().value den Wert der eingegeben wurde und sage, dass dieser Wert auf eine Variable übertragen wird. Ich frage per If und else ab was eingeben wurde (Bsp. 1) und will dann das zum einem bestimmten Teil im HTML Text gesprungen wird.

Mein Problem :

Ich muss es irgendwie umsetzen, dass mit JavaScript Code zu einem bestimmten Teil (im HTML Text ) gesprungen wird OHNE das man auf einen Link klicken muss.

Weiß jemand von euch hier, wie das möglich ist ?

(Danke für deine Zeit, beim Lesen und Danke für jede Antwort)

Hier der Code meiner JavaScript Funktion

Hier der Code des HTML Formulars

...zur Frage

Javascript-Farbe ändern?

Hallo, ich möchte, dass mein div-container automatisch die Farbe ändert, also von weiß zu grau und dann wieder zu weiß und so weiter,..... Wie mache ich das?

Code:

<div class="Hallo">
  <div id="strombergsoutput">
</div>

...zur Frage

JavaScript (html) Element zentrieren?

Hallo ich habe in JavaScript ein Element erstellen lassen und die Größe perfekt angepasst, nun muss es nur noch zentriert werden aber irgendwie funktioniert nichts, egal was ich versuche bleibt es immer in der linken oberen Ecke!

...zur Frage

JavaScript will nicht (Text in Element ändern per onclick)?

Hallo alle miteinander,

ich tüftle derzeit daran, den Text eines Elements zu ändern, sobald im unteren Menü ein Feld angeklickt wurde. Das Ganze funktioniert jedoch nicht und ich verstehe nicht wirklich warum. Könnt ihr mir helfen den Fehler zu finden?

Die wli-Variablen sollen den neuen Text enthalten, da ich das für jemanden programmiere, der keine Ahnung von JavaScript hat und ich es somit vereinfachen wollte, das er den Text ohne etwas kaputt zu machen, bearbeiten kann.

Hier einmal der Code, an dem ich herumprobiert habe. Allerdings ohne den CSS-Teil:

<script type="text/javascript">
  wli1 = "wli1";
  wli2 = "wli2";
  wli3 = "wli3";
  wli4 = "wli4";
  wli5 = "wli5";
  wli6 = "wli6";

  function fwli1() {
    document.getElementById("werdegangcon").value = wli1;
  }

  function fwli2() {
    document.getElementById("werdegangcon").value = wli2;
  }

  function fwli3() {
    document.getElementById("werdegangcon").value = wli3;
  }

  function fwli4() {
    document.getElementById("werdegangcon").value = wli4;
  }

  function fwli5() {
    document.getElementById("werdegangcon").value = wli5;
  }

  function fwli6() {
    document.getElementById("werdegangcon").value = wli6;
  }
</script>
<div class="conh15">
  <div class="con100">
    <div class="con_top center nummer">
      <h3>Werdegang</h3>
    </div>
    <div class="con_mid center" id="werdegangcon">
      2394    Abschluss des Abiturs mit Auszeichnung</br>
      2394    Job als Haustechnikerin
    </div>
    <div class="con_bot center">
      <ul class="werdegang">
        <li id="weli1" onclick="fwli1()">vor der Akademie</li>
        <li id="weli2" onclick="fwli2()">2395</li>
        <li id="weli3"onclick="fwli3()">2399</li>
        <li id="weli4"onclick="fwli4()">2401</li>
        <li id="weli5"onclick="fwli5()">2402</li>
        <li id="weli6" onclick="fwli6()">2403</li>
      </ul>
    </div>
  </div>
</div>

...zur Frage

Html Input in Javascript ausgeben?

Ich würde gerne einen HTML Input Text in Javascript ausgeben lassen.

Dazu habe ich bereits ein Script erstellt, in dem ich einer Variable den Wert des HTML Input gebe(Es geht um die Variable "VorName"), mit Hilfe von "document.getElementById". Allerdings will die Variable den Wert nicht annehmen/ändert ihn nicht.

Ich habe auch onclick angewendet

Warum funktioniert das nicht? ) :

Danke im voraus für Tipps und Hilfe

...zur Frage

wie kann ich in javascript eine funktion ohne button auslösen?

Hallo,

ich bin noch Anfänger in javascript und wollte fragen wie ich eine Funktion in javascript auslöse nachdem meine HTML Seite geladen hat, ohne explizit einen button mit einer onclick zu schreiben der diese Funktion aufruft. Die Funktion kriegt ein Parameter im HTML Teil übergeben, was dann in etwa so aussieht:

<button id="drücken" onclick="Funktion({{result}})"></button>

ich kriege das nur durch diesen button im html teil hin.

<tbody id="Eintrag"></tbody>

der Parameter wird iteriert und in eine Tabelle gehängt

Javascript:

function Funktion(result){

for(var key in result)

key an Eintrag anhängen.

}

Das funktioniert auch alles gut, nur wird das alles nur ausgeführt wenn ich explizit auf den button drücke. verstehe auch nicht wie das sonst gehen würde. Ich kann ja nicht beispielsweise ein window.onload auf der javascript-Datei schreiben weil ich ja noch den result parameter in der HTML Datei übergeben muss.

Gibt es eventuell eine Möglichkeit innerhalb des HTML Datei dann sowas zu schreiben?:

window.onload = Funktion({{result}});

Bei mir kennt er dann nicht Funktion weil es auf der externen Javascript-Datei liegt.

...zur Frage

Input required?

Wie kann ich mit Javascript ein Input required machen, denn bei Html kann man es ja ändern bei untersuchen

...zur Frage

Javascript Formular mit Placeholder rechnen?

Hallo,

ich habe folgenden Code:

<html>
    <head></head>
    <body>
        <input type="number" id="in1" placeholder="0">
        <input type="number" id="in2" placeholder="0">
        <input type="number" id="out">
        <input type="button" value="Weiter" onclick="
            out.value = parseFloat(in1.value) + parseFloat(in2.value);
        ">
    </body>
</html>

Wenn ich in ein Feld nichts eingebe, doll Javascript den placeholder (also 0) als Inhalt ansehen und mit diesem Wert weiterrechnen. Es klappt aber leider noch nicht. Kann mir da wer helfen?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen