h3 Text ändern in JS?

Wie kann ich in JS den Text eines h3 tags ändern? egal was ich probiere, innerHTML, text, innerText oder html. Es kommt immer dieser Fehler:

Uncaught TypeError: Cannot set property 'innerText' of null

at eval (eval at <anonymous> (contact.php?error:%uEm%uS%uCt&FNV=fxbxcbxcb&LNV=xcbxcbxcb&mailSent:1), <anonymous>:1:54)

Wie behebe ich diesen Fehler?

4 Antworten

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

06.11.2019, 21:56

Du sprichst kein existierendes Element an. Zeig bitte deinen JavaScript- und HTML-Code damit man dir helfen kann.

Woher ich das weiß:Berufserfahrung

RANGObro

Beitragsersteller

06.11.2019, 21:58

let MailSent = function() {
  let formHeadingP1 = document.getElementById('form_heading_p1');
  let formHeadingP2 = document.getElementById('form_heading_p2');
  let formHeadingH3 = document.getElementById('form_heading_h3');


  formHeadingP1.remove();
  formHeadingP2.remove();
  formHeadingH3.innerHTML = "E-Mail wurde gesendet!";
}

RANGObro

Beitragsersteller

06.11.2019, 22:01

<div id="form_heading">
  <h3 id="form_heading_h3">Kontak aufnehmen</h3>
  <p id="form_heading_p1">Hier kann man eine E-Mail an den Besitzer</p>
  <p id="form_heading_p2">der Website schicken.</p>
</div>

threadi

06.11.2019, 22:28

@RANGObro

Sieht völlig ok aus finde ich. Interessant wäre wann die Funktion MailSent() ausgeführt wird - vermutlich zu zeitig. Daher wäre dein gesamter Quellcode interessant für eine Analyse.

RANGObro

Beitragsersteller

06.11.2019, 22:59

@threadi

Den ganzen code zeige ich lieber nicht, aber ich habe als erstes den script in dem die funktion steht, dann form_header und dann fürhre ich die funktion aus. Mitlerweile klappt es auch. Ich weiß nicht was anders ist. Cache habe ich auch zwischendurch gelehrt, aber danke ;)

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

06.11.2019, 22:19

Das Property innerText reicht vollkommen aus. Achte darauf, dein Skript erst aufzurufen, wenn die Seite (bzw. die Elemente, die du ansprechen möchtest) vollständig geladen wurde(n).

Hier ein funktionierendes Beispiel von deinem Code: https://jsfiddle.net/4h26zase/

Functional

06.11.2019, 22:21

Der Code, den du in einem Kommentar gezeigt hast, funktioniert wunderbar:

https://jsfiddle.net/vxf3dL1c/

Man muss daher vermutlich schon ein wenig mehr Code sehen. Was ich mir spontan vorstellen kann: Du führst das JavaScript aus, bevor das DOM-Element existiert. Sprich, dein JavaScript-Code steht vor dem h3-Tag. In dem Fall kann das Ganze nicht funktionieren.

Woher ich das weiß:Berufserfahrung – Inhaber einer App-Agentur & 15+ Jahre Programmiererfahrung

Julian2T

06.11.2019, 21:57

Wie sieht denn dein js code aus? Um das innerHTML Feld anzusprechen musst du es auch auf ein Element Anwenden, das dies unterstützt. "null" bedeutet, dass das nicht wirklich geklappt hat^^

Woher ich das weiß:Studium / Ausbildung – Elektrotechnik Student

Ähnliche Beiträge

Js Funktion funktioniert nicht?

Ich bekomme immer diese Fehlermeldung: Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')

at OnClick ((Index):16:25)

at HTMLButtonElement.onclick ((Index):33:33)

Code:

<!DOCTYPE html>

<head>

<title>Document</title>

const TextElement = document.getElementById("text");

function OnClick() {

TextElement.setAttribute('style', 'color: red;');

}

</script>

<style>

#text {

color: black;

}

</style>

</head>

<body>

<div id="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, et placeat, asperiores reprehenderit praesentium esse possimus quia sed tempore, unde autem illo. Illum, voluptate laboriosam. Doloribus unde mollitia necessitatibus dicta?</div>

<button onclick="OnClick()">button</button>

</body>

</html>

Danke

...zum Beitrag

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')?

Hi bräuchte Hilfe bin noch komplette Anfängerin, das ist mein erstes Projekt mir js und kriege es nicht hin den Fehler zu beheben. Hab schon vieles Versucht nichts hat geklappt also hier mal die wichtigesten Schnipsel meiner Website vielleicht kann ja jemand den Fehler finden :D

Head:

Style:

HTML:

js:

dev tools:

Sorry das das so viel ist :///

...zum Beitrag

Wie kann ich einen Text in JavaScript positionieren?

Moin, ich möchte die einzelnen Wörter in JS bewegen, wie geht das?

JS-Code:

var footer = `

<h2> Service-Hotline </h2>

<h2> Quellen </h2>

<h2> Anfahrt </h2>

<p></p>

<h1><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"> Quellenverzeichnis </a></h1>

<h1><a href="https://www.google.de/maps/place/Heischberg+6,+24329+Dannau/@54.2467622,10.5792516,17z/data=!3m1!4b1!4m5!3m4!1s0x47b263e46411918d:0xc44a9eacc772c79d!8m2!3d54.24676!4d10.5807992"> Karte </a></h1>

document.getElementsByTagName("footer")[0].innerHTML = footer;

...zum Beitrag

Discord bleibt komplett grau?

Wenn ich mein Discord starte, bleibt es komplett grau ohne den Symbolen und dem Discord Schriftzug. Es ist ein komplett graues 4-Eck.

Falls das irgendwie hilft:

Das stand in der Console:

Uncaught SyntaxError: Invalid or unexpected token

at Object.exports.runInThisContext (vm.js:78:16)

at Module._compile (module.js:543:28)

at Object.Module._extensions..js (module.js:580:10)

at Module.load (module.js:488:32)

at tryModuleLoad (module.js:447:12)

at Function.Module._load (module.js:439:3)

at Module.require (module.js:498:17)

at require (internal/module.js:20:19)

at requireModule (evalmachine.<anonymous>:6:43)

at Object.requireModule

...zum Beitrag

Import TFvis js?

Hallo,

ich habe wie überall erklärt tfvis für JavaScript importiert:

import * as tfVis from "@tensorflow/tfjs-vis";

Und Tensorflow habe ich über:

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0/dist/tf.min.js"></script>

eingefügt.

Die Website läuft auf einem lokalen Apache Server und ist in eine PHP- und eine JS-Datei aufgespalten.

Sobald ich die Website starte kommt die Fehlermeldung:

Uncaught TypeError: Failed to resolve module specifier "@tensorflow/tfjs-vis". Relative references must start with either "/", "./", or "../".

Kann mir jemand helfen?

Danke im Voraus

...zum Beitrag

Was ist da schief (JS)?

Starte ich das Programm so beginnt es so wie ich es will. Irgendwann wird dann aber ein Fehler gezeigt

("main.js:27 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')

at ClickIt (main.js:27)

at clickvol2 (main.js:21)

at HTMLParagraphElement.<anonymous> (main.js:30))

und mehrere Flächen farbig markiert und man muss manchmal doppelt klicken. Wo liegt hier der Fehler?

JS:
"use strict";

let genNum = function() {

let gen = Math.random() * 9;

let num = Math.round(gen);

let numers = ["null", "eins", "zwei", "drei", "vier", "fünf", "sechs", "sieben", "acht", "neun"];

let final = (numers[num]);

if(final === "zehn") {

genNum()

}

return final;

};

let i = 0;

document.getElementById("Punkteanzahl").textContent = i;

let clickvol2 = function() {

if (document.querySelector("#eins", "#zwei", "#drei", "#vier", "#fünf", "#sechs", "#sieben", "#acht", "#neun").hasAttribute("class")) {

console.log(".")

} else {

ClickIt(genNum())

}};

let ClickIt = function(num) {

let hash = "#";

let ident = hash.concat(num);

document.querySelector(ident).setAttribute("class", "click");

document.querySelector(ident).addEventListener("click", function() {

document.querySelector(ident).removeAttribute("class");

clickvol2();

i++;

})

};

ClickIt(genNum());

console.log(document.getElementById("Punkteanzahl").textContent)

...zum Beitrag

Javascript "undefined reading 'FLAGS'?

Ich habe eine Fehlermeldung bekommen:

TypeError: Cannot read properties of undefined (reading 'FLAGS') at Object.<anonymous> (D:\Discord\Discord Bot\index.js:7:17) at Module._compile (node:internal/modules/cjs/loader:1103:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) at node:internal/main/run_main_module:17:47

Hier ist der Code:

// Dependencies
const { Client, Intents, Collection } = require('discord.js');
const bot = new Client({
  restTimeOffset: 0,
  intents: [
    Intents.FLAGS.GUILDS,
    Intents.FLAGS.GUILD_MEMBERS,
    Intents.FLAGS.GUILD_MESSAGES,
    Intents.FLAGS.GUILD_PRESENCES
  ]
})
const { readdirSync } = require('fs');
const config = require('./config.json');

// Das ready Event
bot.on('ready', async() => {
  console.log(Der Bot ist nun eingeloggt! Name: ${bot.user.tag});

Findet jemand den Fehler?

...zum Beitrag

discord bot?

Hallo ich wollte mein eigenen discord bot coden habe ein tutorial gefolgt

https://www.youtube.com/watch?v=j_sD9udZnCk&list=PLbbLC0BLaGjpyzN1rg-gK4dUqbn8eJQq4&index=1

habe alles richtig gefolgt und ausprobiert und bekam immer wieder diesen fehler code

C:\Users\Thor\Desktop\discordbot test>node .

C:\Users\Thor\Desktop\discordbot test\node_modules\discord.js\src\client\Client.js:548

throw new TypeError('CLIENT_MISSING_INTENTS');

TypeError [CLIENT_MISSING_INTENTS]: Valid intents must be provided for the Client.

at Client._validateOptions (C:\Users\Thor\Desktop\discordbot test\node_modules\discord.js\src\client\Client.js:548:13)

at new Client (C:\Users\Thor\Desktop\discordbot test\node_modules\discord.js\src\client\Client.js:76:10)

at Object.<anonymous> (C:\Users\Thor\Desktop\discordbot test\index.js:3:16)

at Module._compile (node:internal/modules/cjs/loader:1097:14)

at Object.Module._extensions..js (node:internal/modules/cjs/loader:1151:10)

at Module.load (node:internal/modules/cjs/loader:975:32)

at Function.Module._load (node:internal/modules/cjs/loader:822:12)

at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)

at node:internal/main/run_main_module:17:47 {

[Symbol(code)]: 'CLIENT_MISSING_INTENTS'

}

...zum Beitrag

Javascript - Note berechnen?

Schönen guten Abend,

ich versuche mir selber JS beizubringen und merke, dass es doch nicht ganz so einfach ist. Ich versuche ein Rechner zu programmieren, mit welche man die Zeugnisnote berechnen kann. Leider habe ich Probleme die Werte die ich ins Input-Feld eingebe in JS aufzurufen und zu verarbeiten. Würde mir jemand diesbezüglich helfen?

Bitte verzichtet darauf mir zu sagte wie einfach das sei und wie schlecht ich bin, ich will mich weiter motivieren mich weiterzubilden und mir nicht erzählen lassen wie einfach oder dass ich es doch lassen solle.

Mein JS

function berechnung(){
    var at = document.getElementById("allgemein")
    var kl = document.getElementById("klausur")
    document.getElementById("ergebnis").innerHTML = kl;
    allgemein+klausur
    console.log
}

Mein HTML

<div class="section">
            <p><h2>Notenrechner</h2></p>

            <input type="int" id="allgemein"> <br>
            <input type="int" id="klausur">
            <button onclick="berechnung()">Note berechnen</button>
            <p id=ergebnis></p>


        </div>

...zum Beitrag

JS - Warum funktioniert der Button nicht Richtig?

Ich wollte ein simples Spiel mit JS programmieren und wollte einen Refresh des Bildschirms einfügen. An sich funktioniert das auch, jedoch reagiert der Button nicht immer. Je schneller der Refresh erfolgt, desto schlechter Funktioniert der Button. Kann mir da vielleicht jemand helfen?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="miner.css" rel="stylesheet">
    <script src="miner.js"></script>
</head>
<body>
    <div class="monitor" id="monitor">
        <h1>Mine Tycoon</h1>
        <div>Mines: <font id="minesCounter">0</font></div><br>
        <div id="buyMineButton">
            <p class="button" onclick="buyMine()">Buy mine Cost: <font id="minesPrice">1</font></p>
        </div>
    </div>
</body>
</html>

body{
    background-color: #393939;
    color: #ffffff;
}


h1{
    text-align: center;
}


.button{
    height: auto;
    width: 180px;
    border-radius: 15px;
    outline: 2px solid red;
    outline-offset: 4px;
    text-align: center;
}
.buttonGreen{
    height: auto;
    width: 180px;
    border-radius: 15px;
    outline: 2px solid green;
    outline-offset: 4px;
    text-align: center;
}

var money = 100;


var mines = 0;
var minesPrice = 1;
var miners = 0;


var coal = 0;
var copper = 0;
var iron = 0;
var cobalt = 0;
var gold = 0;
var platinum = 0;
var diamond = 0;


var reload = 10;


function buyMine(){
    mines++;
    money -= minesPrice;
    minesPrice = minesPrice*2;
}


function loop(){
    
        setInterval(function(){
            refreshScreen();
        },1000/reload)
    
}


function refreshScreen(){
    minesCounter.innerHTML = mines;
    if(money < minesPrice){
        document.getElementById("buyMineButton").innerHTML = "<p class='button'>Buy mine Cost: <font id='minesPrice'></font></p>"
    }else{
        document.getElementById("buyMineButton").innerHTML = "<p class='buttonGreen' onclick='buyMine()'>Buy mine Cost: <font id='minesPrice'></font></p>"
    }
    document.getElementById("minesPrice").innerHTML = minesPrice;
}


loop();

...zum Beitrag

Was mache ich falsch JavaScript?

Ich habe eine Datei mit allein zahlen von 1-100 in einem Array und will nur die letzten 20 es kommt aber immer ein Fehler.

Quellcode:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>

window.setInterval("AutoUpdate()",parseInt(2000));  

function AutoUpdate()
{      
        $.ajaxSetup({ cache: false });
        $.get('LetzteZeilen.txt', function(data) 
        {   
            data = data.replace(/\n/g, "</br>");
            LetzteZeilen(data);
            if (data == 1) 
            {
                location.reload();
            }
        });     
}

function LetzteZeilen(data)
{
    Test = new Array();
    DataSplit = data.split("</br>");


    LetzteZeilen = 20;
    Laenge = DataSplit.length;
    NichtGewollteZeilen = (Laenge-LetzteZeilen);
    i = 0;
    x = 0;
    
    while (i < Laenge) 
    {
        if(i < NichtGewollteZeilen)
        {
            i++;
        }
        else
        {
            Test[x] = DataSplit[i];
            i++;
            x++;
        }
    }

    console.log(Test);
}
</script>

Fehler:
Uncaught TypeError: LetzteZeilen is not a function
    at Object.success (LetzteZeilenTest.php:16:13)
    at j (jquery.min.js:2:26911)
    at Object.fireWith [as resolveWith] (jquery.min.js:2:27724)
    at x (jquery.min.js:4:11065)

...zum Beitrag

Javascript Rechnung mit Kommastellen?

Ich habe in JS eine Funktion, mit welcher ich meine Zeugnisnote berechnen kann, allerdings hätte ich es gerne so das z.B statt "3" eine "3,5" angegeben wird und nicht auf die nächste Zahl gerundet wird. Wie mache ich das?

function lkberechnung(){
    const at = parseInt(document.getElementById("lkallgemein").value)
    const kl1 = parseInt(document.getElementById("kl1").value)
    const kl2 = parseInt(document.getElementById("kl2").value)


    const lkergebnis = String(Math.round((kl1 +kl2 + at*2)/4));
    document.getElementById("lkergebnis").innerHTML =("Du hast " + lkergebnis + " Punkte auf dem Zeugnis");

...zum Beitrag

Texte in JavaScript verschieben?

Moin, ich möchte folgende Textfelder so positionieren, dass sie anstatt untereinander, nebeneinander sind. Also eine Überschrift in h2 soll immer über einer Unterschrift in h1 stehen.

JS code:

var footer = `

<h2>Service-Hotline</h2>

<h2>Quellen</h2>

<h1><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Quellenverzeichnis</a></h1>

<h2>Anfahrt</h2>

<h1><a href="">Anfahrt</a></h1>

document.getElementsByTagName("footer")[0].innerHTML = footer;

...zum Beitrag

Was mache ich in Javascript mit getElementById falsch?

Ich versuche mit document.createTextNode einen Text in Javascript auszugeben. Doch der Zugriff auf mein HTML Objekt <a id="Textid"></a> funktioniert nicht. Die Browser-Konsole gibt immer

Uncaught TypeError: document.getElementById(...) is null

aus. Ich werde daraus aber nicht richtig schlau. Kann mir jemand weiterhelfen?

var Text = document.createTextNode('Das ist der Text');
document.getElementById('Textid').appendChild(Text);

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen