<body>
<img id="myImage" src="fertilization.jpg">
//utworzyłeś element w HTML, więc jest w DOM
<script>
//const image = new Image (200,300);
//image.src = "fertilization.jpg";
//powyższy element już istnieje, dwie linijki wyżej nie potrzebne
var element = document.getElementById('myImage');
element.style.opacity = "0.9";
//element.style.filter = 'alpha(opacity=90)';
// pierwszy styl wystarczy
//document.body.appendChild(element);
//juz istnieje, nie ma potrzebny dołączania go
</script>
</body>
Sposób z pobraniem i obróbką elementu
<body>
<img id="myImage" src="fertilization.jpg">
<script>
var element = document.getElementById('myImage');
element.style.opacity = "0.9";
</script>
</body>
Sposób z dynamicznym utworzeniem elementu i wstawieniem go w HTML
<body>
<script>
const myImage = new Image (200,300);
myImage.src = "fertilization.jpg";
myImage.style.opacity = "0.9";
document.body.appendChild(myImage);
</script>
</body>
//edit pablop mnie wyprzedził w komentarzu, pozdrawiam :p