Zugriff auf svg Element in HTML gibt immer "null" zurück?

Hallo zusammen,

folgendes Problem:

Ich möchte aus meinem javascript Code zu laufzeit auf meine sonarGrafik.svg zugreifen können um deren Elemente zu manipulieren (oder neue hinzufügen zu können).

So sieht erstmal der ganze HTML Code aus:

<!DOCTYPE html>
<html>
<head>
    <title>Arduino Daten</title>
    <link rel="icon" href="data:,">
    <script src="scripts/script.js"></script>
    <link rel="stylesheet" href="styles/style.css"> 
</head>
<body>
    <object id = "svgObject" data="styles/sonarGrafik.svg" type="image/svg+xml"></object>
</body>
</html>

Der betroffene Teil in meinem javascript Code:

function insertDots(cx, cy) {
    const svgObject = document.getElementById("svgObject");
    console.log(svgObject.contentDocument) // hier erhalte ich in der Console immer "null"


    svgObject.addEventListener("load", function() {
        if (svgObject && svgObject.contentDocument) {
            const sonarSVG = svgObject.contentDocument.getElementById("sonar");
            console.log(sonarSVG);
        }
    });
}

(Die funktion insertDots(cx, cy) wird alle paar sekunden aufgerufen und ich erhalte in der Browser Konsole immer nur null. Dementsprechend ist die if Bedienung darunter auch nie wahr)

In meiner .svg Datei gibt es definitv die id= "sonar":

<svg id="sonar" width="700" height="700" xmlns="http://www.w3.org/2000/svg">
  <rect x="0" y="0" width="100%" height="100%" fill="rgba(128, 128,   128, 0.25)" />
</svg>

So sieht meine Ordnerstruktur aus:

Website
│   SonarVisuallisierung.html
│
├── scripts
│       script.js
│
└── styles
        style.css
        sonarGrafik.svg


Gibt es irgendwo einen Fehler oder eine andere Möglichkeit auf die Elemente der .svg Datei über das script zuzugreifen? (Den Inhalt der .svg will ich ausgelagert lassen und nicht in das HTML einfügen wegen der Übersichtlichkeit)

Danke für alle Lösungsvorschläge.

HTML, Webseite, JavaScript, Code, Programmiersprache
Was läuft falsch, wenn eine Internetseite einen rasend schnell unerwünscht auf andere Sites weiterleitet?

Liebe Community,

meine beste Freundin hat ein Problem mit dem Internet, wenn sie mithilfe ihres (gebraucht gekauften) iPhone 7 auf eine Website geht, auf der man nach bestimmten Sachen suchen kann. Paradebeispiele sind z.B. die Seiten von Ebay oder von Vinted.

Das Öffnen der eigentlichen Homepage, z.B. Vinted.de, funktioniert noch völlig normal. Dann gibt sie im Suchfeld den Artikel ein, den sie sucht, z.B. "Cheerleader-Uniform". Und dann fängt es oben in der URL-Zeile, wo sie "Vinted.de" eingegeben hat, an zu "rollen". Ganz schnell werden hintereinander viele Seitennamen durchgerollt - und dann geht eine dubiose Gewinnspielseite von angeblich Amazon auf (anhand von Orthographie und Satzbau allerdings mehr als fragwürdig, ob diese Seite echt ist) und lässt sich nirgendwo mehr schließen. Das ist quasi eine Weiterleitung, die sie nicht angefordert hatte. Als sie das Handy noch nicht lange hatte, war das mal auf der Ebay-Seite genauso. Da wurde sie jedesmal auf einen Pizza-Bestellservice oder einen Sexshop hingeleitet. Ihre eigentlich beabsichtigten eigenen Anliegen kann sie dadurch überhaupt nicht mehr lösen.

Fragen:

a) was könnte dafür die Ursache sein? und noch wichtiger,

b) wie kann sie das dauerhaft und verlässlich abstellen?

Vielen lieben herzlichen Dank für alle hilfreichen Antworten!

Sonnige Grüße an die gesamte Community <3

Virus, Gewinnspiel, Webseite, eBay, Kleinanzeigen, gehackt, Softwareproblem, Gehackter Account, gehackt worden, Vinted
Wie kann ich die Domaininhaberschaft nachweisen (GoDaddy STRATO)?

Ich fange zurzeit an, meine ersten Webseiten zu erstellen. Jetzt habe ich ein paar Probleme.

Ich habe meine Domain über STRATO bezogen. WordPress Hosting lasse ich über GoDaddy laufen.

Den Namenserver habe ich jetzt schon genauso wie die IP-Adresse hinterlegt.

Jetzt soll ich von GoDaddy aus einen TXT-Datensatz erstellen, um meine Inhaberschaft der Domain nachzuweisen. Die muss ich ja, so wie ich es verstanden habe, bei STRATO erstellen.

Wenn ich jetzt bei STRATO bei der Domain bin, kann ich dort unter DNS den Punkt: TXT und CNAME Records inklusive SPF und DKIM Einstellungen aufrufen. Dort kann ich dann den Typen auswählen (TXT), den Präfix, wo meine Domain am Ende ist und den Wert.

So wie ich es verstanden habe, muss ich bei Wert den langen Code, den ich von GoDaddy bekommen habe, unter Wert eintragen. Wenn ich das so speichern möchte, steht aber, dass der Präfix fehlt. Ich weiß aber leider nicht, wo ich den Präfix herholen oder was ich dort eintragen soll.

Ich habe im Internet gesucht, aber da steht nur, dass man @ oder * eintragen soll. Das funktioniert alles nicht. Wenn ich auf der Hilfseite von STRATO schaue, tragen die als Beispiel unter Präfix auch einen längeren "Code" ein. Dieser soll wohl ein anderer als der sein, den man von GoDaddy unter Wert einträgt.

So wie ich das wohl verstehe, muss der Präfix bestimmt der Startort sein und der Wert dann der Zielwert.

Wie trage ich das richtig ein, um die SSL-/Domaininhaberschaft für GoDaddy zu bestätigen?

Vielen Dank im Voraus!

Homepage, Webseite, WordPress, Hosting, SSL, Strato, Webentwicklung, Webhosting, godaddy, praefix, ssl-verschlüsselung, SSL-Zertifikat, txt

Meistgelesene Beiträge zum Thema Webseite