时间戳

首页 > 解决方案 > 使用追加样式设置 html 对象

javascript - 使用追加样式设置 html 对象

问题描述

是否可以使用 append 设置 html 对象的样式？

<div id="mini-canvas-grid" class="row"></div>

const miniCanvas = document.createElement('canvas')
miniCanvas.setAttribute("id", 'mini-canvas'+ somerandomid);
miniCanvas.setAttribute("width", 400);
miniCanvas.setAttribute("height", 200);
miniCanvas.setAttribute("style", 'border: 2px solid #3F9CE8; margin-bottom:5px');
$('#mini-canvas-grid').append('<div>'+miniCanvas'+<p>Name</p></div>')

我在浏览器中得到 [object HTMLCanvasElement] Name

标签： javascriptjquery

解决方案

miniCanvas是一个元素，但您在这里将其视为字符串：

'<div>'+miniCanvas'+<p>Name</p></div>'

（更不用说语法错误，它要么导致代码错误，要么你修改了问题中的代码。）

一种方法是创建包装div元素并将其附加到该元素。像这样的东西：

let div = $('<div/>');
div.append(miniCanvas);
div.append('<p>Name</p>');
$('#mini-canvas-grid').append(div);

推荐阅读