无法在 qualtrics 上使用 javascript 显示背景图像

Question

首先，我对javascript一无所知。我正在尝试使用以下代码显示从 url 地址提取的背景图像，仅显示在关于 qualtrics 的问卷的一页上：-

Qualtrics.SurveyEngine.addOnload(function()
{
    <div id="divtest">Hello</div>
    <img id="imgtest" />
    <img id="imgreal" src="http://webneel.com/wallpaper/sites/default/files/images/01-2014/2-flower-wallpaper.jpg" />

    var string = 'http://webneel.com/wallpaper/sites/default/files/images/01-2014/2-flower-wallpaper.jpg';
    document.getElementById("divtest").style.backgroundImage = "url('" + string + "')";
    document.getElementById("imgtest").src = string;


});

但我收到以下错误信息：-

无效JavaScript！在修复所有错误之前无法保存：意外标记 <

我该如何解决这个问题？

Answer 1

您不能在 javascript 代码中直接添加 HTML，您必须创建到页面的正文部分，或者如果您需要通过代码创建元素，则必须使用 createElement

var _div = document.createElement('div');
_div.id = 'divtest';
_div.innerHTML = 'Hello';
_div.style.backgroundImage = "url('" + string + "')";
document.getElementsByTagName('body')[0].appendChild(_div); // to place as child of body

或

document.getElementById('[ID of parent element]').appendChild(_div); // to place as child of other element.

无法在 qualtrics 上使用 javascript 显示背景图像

Unable to display background image using javascript on qualtrics

javascript

background-image