"Uncaught TypeError: Cannot read property 'style' ist null an.. "
Übte ich das styling, wie unten gezeigt, in einem anderen Dokument und arbeitete dort für Absätze und Tasten, sondern, für divs, aber Sie weigert sich, dies zu tun.
Den ersten document.getElementById('red').style.width="100px";
- Anweisung einen Fehler zurück
"Uncaught TypeError: Cannot read property 'style' ist null an.. "
Als ich versuchte es in einem anderen Dokument, es funktionierte ohne das sich die Stile innerhalb eines function myFunction() {}
statment
Irgendwelche Ideen?
<div class="red" > some content</div>
<div class="blue" > some content</div>
<div class="green" > some content</div>
<script type="text/javascript">
document.getElementById('red').style.width="100px";
document.getElementById('blue').style.width="100px";
document.getElementById('green').style.width="100px";
document.getElementById('red').style.height="100px";
document.getElementById('blue').style.height="100px";
document.getElementById('green').style.height="100px";
document.getElementById('red').style.backgroundColor="red";
document.getElementById('blue').style.backgroundColor="blue";
document.getElementById('green').style.backgroundColor="green";
document.getElementById('red').style.borderRadius="50px";
document.getElementById('blue').style.borderRadius="50px";
document.getElementById('green').style.borderRadius="50px";
document.getElementById('red').onclick.display="none";
document.getElementById('blue').onclick.display="none";
document.getElementById('green').onclick.display="none";
</script>
- Sie versuchen
getElementById
aber Ihre Elemente haben nur die Klasse nicht id
Du musst angemeldet sein, um einen Kommentar abzugeben.
Cannot read property 'style' of null
dies gibt Ihnen große Tipp -of null
. Es bedeutet, es nicht zu finden ein element, das Sie suchen.Ist es einfach, weil in html, die Sie verwenden Klassen
<div class="red">
und ids, javascript
document.getElementById('red')
Stick zu Klassen:
oder konvertieren id
Denke ich, müssen Sie die id Ihres div-s
Ändern (oder hinzufügen) "class='xxx'" zu "id='xxx'", dann werden Sie in der Lage, um die Elemente durch die entsprechenden IDs. Ansonsten können Sie versuchen, und verwenden Sie https://www.w3schools.com/jsreF/met_document_getelementsbyclassname.asp