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