Где ошибка в коде?Javascript image in div error
<!DOCTYPE html>
<html>
<body>
<div id="img"></div>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var img = document.getElementById("img");
var x = document.createElement("IMG");
x.setAttribute("src", "img_pulpit.jpg");
x.setAttribute("width", "304");
x.setAttribute("width", "228");
x.setAttribute("alt", "The Pulpit Rock");
document.img.appendChild(x);
}
</script>
</body>
</html>
Я беру идентификатор из DIV, но изображение не загружается на этот Div ..
Я не знаю, где ошибка.
заранее спасибо
вы устанавливаете 'width' атрибут дважды. Также убедитесь, что файл 'img_pullit.jpg' находится в той же папке, что и ваш html-файл, и удалите часть' document.' при вызове функции 'appendChild'. –
Вместо document.img.appendChild (x); используйте img.appendChild (x) – blessenm
Откройте окно консоли в инструментах разработчика браузера, и вы четко увидите, где проблема. –