div中的Javascript图像错误_Javascript_Html

div中的Javascript图像错误

javascript html

div中的Javascript图像错误,javascript,html,Javascript,Html,这个代码中的错误在哪里 <!DOCTYPE html> <html> <body> <div id="img"></div> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var img = document.getElementById("img"); var x =

这个代码中的错误在哪里

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


试试看
函数myFunction（）{
var img=document.getElementById（“img”）；
var x=document.createElement（“IMG”）；
x、 setAttribute（“src”、“img_pulpit.jpg”）；
x、 setAttribute（“宽度”、“304”）；
x、 setAttribute（“宽度”、“228”）；
x、 setAttribute（“alt”，“讲坛之石”）；
文件.附件（x）；
}

我从div中获取id，但此div上未加载图像

我不知道哪里出错了

提前感谢

错误在这里

document.img.appendChild（x）
将其更改为img.appendChild（x）


试试看
函数myFunction（）{
var img=document.getElementById（“img”）；
var x=document.createElement（“IMG”）；
x、 setAttribute（“src”、“img_pulpit.jpg”）；
x、 setAttribute（“宽度”、“304”）；
x、 setAttribute（“height”，“228”）；//将宽度更改为高度
x、 setAttribute（“alt”，“讲坛之石”）；
依附儿童（x）；
}
您需要将脚本
标记放在html
之前

使用img.appendChild（x）
而不是document.img.appendChild（x）


函数myFunction（）{
var img=document.getElementById（“img”）；
var x=document.createElement（“IMG”）；
x、 setAttribute（“src”、“img_pulpit.jpg”）；
x、 setAttribute（“宽度”、“304”）；
x、 setAttribute（“宽度”、“228”）；
x、 setAttribute（“alt”，“讲坛之石”）；
依附儿童（x）；
}
尝试一下
您要设置两次宽度
属性。另外，请确保文件img_pullit.jpg
与html文件位于同一文件夹中，并在调用appendChild
函数时删除文档。
部分。而不是document.img.appendChild（x）；使用img.appendChild（x）打开浏览器开发工具中的控制台窗口，您将清楚地看到问题所在。