使用javascript向div添加内容-'；未捕获的语法错误：无效或意外的标记'；？

我从下面的代码中得到此错误：

未捕获的语法错误：无效或意外标记

var d1=document.getElementById（'grid'）；
d1.插入相邻TML（'beforeed'，'
知识产权是一种权利，是一种权利，是一种权利，是一种权利
');

---

字符串中的换行符是导致问题的原因。要解决此问题，可以将字符串放在一行上：

var d1 = document.getElementById('grid');
d1.insertAdjacentHTML('beforeend', '<figure><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/placeimg01.jpg" alt=""><figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</figcaption></figure>');

var d1=document.getElementById（'grid'）；
d1.插入附录TML（“结束前”、“结束前”、“结束前”、“结束前”、“结束后”、“结束前”、“结束后”和“结束前”和“结束后”的插入”）；

或者，您也可以将其连接到不同的行上：

var d1 = document.getElementById('grid');
d1.insertAdjacentHTML('beforeend', '<figure>' +
    '<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/placeimg01.jpg" alt="">' +
    '<figcaption>' +
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua' +
    '</figcaption>' +
'</figure>');

var d1=document.getElementById（'grid'）；
d1.插入相邻TML（'beforeed'，'+
'' +
'' +
“Lorem ipsum Door sit amet，杰出的献身者，在劳动和生活中暂时占有一席之地”+
'' +
'');

---

或ES6模板字符串，或加入数组，或用反斜杠转义换行。@gcampbell是的，有数百种方法。这些是最快和最简单的。

var d1 = document.getElementById('grid');
d1.insertAdjacentHTML('beforeend', '<figure>' +
    '<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/123941/placeimg01.jpg" alt="">' +
    '<figcaption>' +
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua' +
    '</figcaption>' +
'</figure>');