Javascript ';[对象HTMLImageElement]';显示而不是图像
这是我试图修改并放入包装器div中的代码。这非常有效Javascript ';[对象HTMLImageElement]';显示而不是图像,javascript,html,css,Javascript,Html,Css,这是我试图修改并放入包装器div中的代码。这非常有效 display_element.append($('<div>', { html: trial.a_path_west, id: 'jspsych-single-stim-stimulus-west' })); display_元素。追加($(''){ html:trial.a_path_west, id:“jspsych单刺激西部” })); 但这不起作用。特别是div html部分显示的是[object H
display_element.append($('<div>', {
html: trial.a_path_west,
id: 'jspsych-single-stim-stimulus-west'
}));
display_元素。追加($(''){
html:trial.a_path_west,
id:“jspsych单刺激西部”
}));
但这不起作用。特别是div html部分显示的是[object HTMLImageElement],而不是实际的图像
to_add+="<div id='jspsych-single-stim-stimulus-west'>" + trial.a_path_west + "</div>";
to_add+=“”+trial.a_path_west+“”;
谢谢 对于
div
标记,没有html
属性
html
在{}
版本中使用时,将调用其上的html
jquery方法
要这样做,您必须在div的开始标记和结束标记之间添加html
to_add+="<div id='jspsych-single-stim-stimulus-west'>" +trial.a_path_west+ "</div>";
to_add+=“”+trial.a_path_west+“”;
好的,我想我明白你想做什么,你的问题是什么。当您使用“”+trial.a_path_west+“”
时,您将图像对象转换为字符串
而是使用jquery方法,例如html
,它将接受图像对象作为参数并生成必要的html
if (!trial.west_is_html) {
to_add+="<img src="+trial.a_path_west+ " id='jspsych-single-stim-stimulus-west'>";
}
else {
var wrapper = $("<div id='jspsych-single-stim-stimulus-west'></div>");
wrapper.html(trial.a_path_west);
to_add+= wrapper.html();
}
if(!trial.west_is_html){
添加+=“”;
}
否则{
变量包装器=$(“”);
html(trial.a_path_west);
to_add+=wrapper.html();
}
从这里可以看到一个工作示例和更多信息div的html属性不存在,您可以通过尝试执行的操作为我们提供更多信息吗?通过设置html=trial.a_path_west,您希望发生什么?您可以发布一个JSFIDLE来显示您遇到的问题吗?trial.a_path_west是我试图显示的一个图像/刺激。因此,让我确保我得到了正确的答案,您有一个图像,谁的来源是通过js确定的,并且您正在将该图像包装在一个div中(大概是为了设计样式)。如果是这样,为什么要将路径显示为div的文本?trial.a_path_west是一个图像。那么在div中显示路径的正确方式是什么?