【发布时间】:2019-12-30 19:32:37
【问题描述】:
我在尝试运行的此脚本中收到只读错误。
我正在尝试学习 const 和新的 es6,我不得不承认它非常简单,但在这种情况下,我不能 100% 确定这是问题所在。
这是我的代码:
$(() => {
const containerImage = document.querySelector( '.images' );
const getPictures = () => {
$.ajax({url: "https:myurl/photos.json", success: function(result) {
const singleImage = result.photos;
const content = "";
content += "<div class='row'>";
for(let i = 0; i < singleImage.length; i++){
content.innerHTML += `<div class="col-md-4">
<img src=${singleImage[i].image}>
</div>`;
};
content += "</div>";
containerImage.innerHTML = content;
}});
}
getPictures();
});
有人注意到我的代码中有什么奇怪的地方吗?
加上控制台提及并抛出此错误:
function _readOnlyError(name) { throw new Error("\"" + name + "\" is read-only"); }
但我什至没有进入严格模式。
【问题讨论】:
-
为什么在不是 DOM 对象的变量中使用
content.innerHTML?
标签: ecmascript-6 constants strict