Как установить атрибут canvas в JavaScript

Question

Я делаю объект DOM javascript и пытаюсь добавить границу к объекту canvas. Я использую следующий код:

canvasBorder = "thin solid black";
canvas.setAttribute("border", canvasBorder);

Это не работает. Тем не менее, когда я использую

canvas.style.border = "thin solid black";

Кажется, работает. Я перепробовал много вариантов границы, включая перестановки только с цветом, шириной (тонкие, 2 пикселя, 2 и т. Д.) И т. Д. Но я получаю тот же результат. Может кто-нибудь сказать мне, что не так?

Answer 1

Нет такого атрибута border для любого элемента. border является свойством style элемента. Его недопустимый атрибут. Вы можете установить атрибут border, используя setAttribute, и он будет добавлен к <canvas>, но он не будет работать как style.border
По данным W3Schools
Там нет атрибута с именем display для <canvas>

Answer 2

Чтобы добавить границу, используйте атрибут style вместо canvas.style.border

canvas.style = "border:thin solid black";

Answer 3

Вам необходимо установить атрибут canvas.style, а не canvas