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, 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 ;)

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!";
}

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

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

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

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

TypeError: Cannot read properties of undefined (reading 'checkHealth')?

Hallo, ich habe einen error der mir sagt das checkHealth undefined ist wenn ich über npm devDeploy ausführe. Dort soll eigentlich meine Datei deployCommands.ts ausgeführt werden er geht aber erst in meine main.ts rein und dort tritt der fehler auf. Wenn ich aber nur dev ausführe was die main aufrufen soll und den Bot startet kommt kein fehler.

DeployCommands.ts: https://pastebin.com/5YAUhLfb

main.ts: https://pastebin.com/nWjvk3UD

package.json: https://pastebin.com/qV7ThnVW

Git Repo: https://github.com/luka-lta/byteBuddy_bot

/home/luka-lta/projects/PhpStorm/byteBuddy_bot/main.ts:6
ApiUtil.checkHealth().then((healthy) => {
        ^
TypeError: Cannot read properties of undefined (reading 'checkHealth')
    at Object.<anonymous> (/home/luka-lta/projects/PhpStorm/byteBuddy_bot/main.ts:6:9)
    at Module._compile (node:internal/modules/cjs/loader:1378:14)
    at Module.m._compile (/home/luka-lta/.nvm/versions/node/v21.6.2/lib/node_modules/ts-node/src/index.ts:1618:23)
    at Module._extensions..js (node:internal/modules/cjs/loader:1437:10)
    at Object.require.extensions.<computed> [as .ts] (/home/luka-lta/.nvm/versions/node/v21.6.2/lib/node_modules/ts-node/src/index.ts:1621:12)
    at Module.load (node:internal/modules/cjs/loader:1212:32)
    at Function.Module._load (node:internal/modules/cjs/loader:1028:12)
    at Module.require (node:internal/modules/cjs/loader:1237:19)
    at require (node:internal/modules/helpers:176:18)
    at Object.<anonymous> (/home/luka-lta/projects/PhpStorm/byteBuddy_bot/src/value/ByteBuddyChannel.ts:2:1)

...zum Beitrag

Welchen Hoster könnt Ihr empfehlen?

Ich suche einen Web Hoster für ein kleines Web Projekt was natürlich möglichst günstig sein soll und dennoch stabil laufen muss. Es müssen zu diesem Projekt auf jeden Fall mehrere Domains beziehungsweise Webseiten gehostet werden. Was könnt ihr da empfehlen?

...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

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 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

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

Php Variablen mit Html mischen?

Also ich möchte das hier

echo "<h1> $x </h1> 
<br> $y <br>";

und nicht so

echo "<h1>". $x ."</h1> 
<br>". $y ."<br>";

In JavaScript gibt es die ``mit denen konnte man das wenigstens so machen ${x}

...zum Beitrag

NPM auf RaspberryPi geht nicht?

Guten Tag,

ich nutze viel NodeJS, leider kann ich auf meinem RaspberriPi kein npm nutzen, ich muss daher alles auf meinem PC installieren und dann inklusive node module hochladen. Wie fix ich NPM? Fehler:

TypeError: Class extends value undefined is not a constructor or null
    at Object.<anonymous> (/usr/lib/node_modules/npm/node_modules/socks-proxy-agent/dist/agent.js:114:44)
    at Module._compile (node:internal/modules/cjs/loader:1097:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1149:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/usr/lib/node_modules/npm/node_modules/socks-proxy-agent/dist/index.js:5:33)
    at Module._compile (node:internal/modules/cjs/loader:1097:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1149:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/usr/lib/node_modules/npm/node_modules/make-fetch-happen/lib/agent.js:161:25)
    at Module._compile (node:internal/modules/cjs/loader:1097:14)

...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

Was möchtest Du wissen?

Deine Frage stellen