javascript - 如何仅使用javascript基于数组索引上传图像?

标签 javascript html

我无法根据数组索引选择要上传的图像,我选择使用 if 语句。我认为问题出在 if 语句本身内部,我的语法没有任何问题。但如果我错了,请纠正我。

我尝试使用不同的语法来附加我在 div 内创建的新元素:

if (chosenWord === words[0]) {
    var img = document.createElement("img");
    var src = document.getElementsByClassName("imgdivclass");
    img.src = "assets/images/lowtide.jpg";
}

预期的结果是我能够根据数组中选择的单词创建图像。选择的词是随机的。仅供引用 chosenWord 变量是数组中随机生成的单词,words 是我的数组。

最佳答案

您正在为 <img> 创建一个新的 DOM 节点但不附加它。

您需要决定在现有页面 DOM 中的何处添加图像,然后调用 appendChild()

要将图像元素添加到当前页面的底部,请使用;

document.getElementsByTagName('body')[0].appendChild(img);

关于javascript - 如何仅使用javascript基于数组索引上传图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58126098/

相关文章:

html - 以响应方式在图像上垂直和水平对齐内容 DIV 的最佳方法是什么

javascript - 从 textarea 编辑 Javascript

html - 为什么列表从包含元素的外部开始?

javascript - Android 2.1浏览器Javascript问题及建议

javascript - firebase.getDatabase()).ref() 不是函数

javascript - jQuery 单击时根据数据属性更改所选选项

javascript - 动画边框

javascript - 隐藏仅包含零的 HTML 行(给定一组可见列)

javascript - 迭代目录的最有效方法是什么?

javascript - 将背景应用到 ionic 侧菜单