Javascript中不附加图像
Image not appending in Javascript
本文关键字:图像 Javascript 更新时间:2023-09-26
我是javascript的新手,我试图在div标签内添加一个img标签。但是它不与div中已经存在的元素连接。
这是我的HTML代码: <div class="ce_label">
<span>some text</span>
<span>some text</span>
</div>
我的javascript代码:
var sel = '.ce_label';
var toolTemplate = [
'<img src="smiley.gif" alt="Smiley face" height="42" width="42">'
];
window.onload = function() {
var x = document.querySelectorAll(sel);
var commentHtml = toolTemplate.join('');
for (var i = 0; i < x.length; i++) {
x[i].appendChild = commentHtml;
}
};
所以我的输出应该是:
<div class="ce_label">
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
<span>some text</span>
<span>some text</span>
</div>
但是我无法得到这个输出…
有谁能帮我修一下吗?这一行
x[i].appendChild = commentHtml;
尝试将字符串赋值给元素的appendChild
属性,该属性指向一个不能覆盖的函数。
如果你想用那个HTML替换元素的内容,赋值给innerHTML
:
x[i].innerHTML = commentHtml;
如果你想添加到元素的当前内容,调用元素的insertAdjacentHTML
方法:
x[i].insertAdjacentHTML("beforeend", commentHtml);
相关文章:
- 更改下拉菜单上的图像javascript/jquery
- Chrome:刷新页面后未呈现的背景图像 + JavaScript 重定向
- 更改背景图像 - JavaScript
- 目标 css:背景图像 Javascript
- 如何显示数组中的图像?JavaScript
- 淡入淡出两个图像[JavaScript]
- 获取图像ID并更改图像JavaScript
- 显示多个图像-javascript
- 在不损失质量的情况下调整图像JavaScript/jQuery的大小
- 选择某个列表项时弹出的图像-javascript
- 将生成的随机数存储在变量中,然后将该变量作为文件名调用以显示图像.Javascript
- 更改悬停时的图像Javascript
- 在reactjs中呈现本地图像/javascript片段
- 键下时的反向图像 - Javascript
- 将所有图像替换为一个图像 Javascript
- 单击显示随机图像(Javascript)
- 移动图像 ..JavaScript 将变量声明为字符串
- 直方图均衡(图像Javascript初学者)
- 预加载库图像.JavaScript(没有JQuery)
- 用不同的图像/按钮替换图像 - javascript