以这种方式使用 .innerHTML？

Question

在学习JS的时候看到了这三行：

var firstItem = document.getElementById('one');

var itemContent = firstItem.innerHTML;

firstItem.innerHTML = '<a href=\"http://example.org\">'+itemCotent+'</a>';

我可以把 .innerHTML 放在第一行吗？以至于变成这样？

var firstItem = document.getElementById('one').innerHTML;

var itemContent = firstItem;

firstItem.innerHTML = '<a href=\"http://example.org\">'+itemContent+'</a>';

我是新手，谁能解释一下为什么不行？谢谢。

Answer 1

您要查找的可能是这个？可能是缩短它的最佳方法。
我还添加了 template literal 语法
您必须通过对对象的引用来设置属性，否则不会影响原始对象。您的第二个示例将只为 firstItem 分配 innerHTML 字符串。

var firstItem = document.getElementById('one');
firstItem.innerHTML = `http://example.org">${firstItem.innerHTML}`;
//firstItem.innerHTML = 'http://example.org\">'+firstItem.innerHTML+'';

<div id="one">blahblah</div>

以这种方式使用 .innerHTML？

using .innerHTML in this way?

innerhtml