Мне нужно чтобы рамочка рисовалась только один раз по клику. Спасибо.
document.getElementById('subm').onclick = addElement;
var my_div = newCnv = null;
function addElement() {
if (Document.getElementsByTagName("canvas")[0] == null) { //<--------------------?
var newCnv = document.createElement("canvas");
newCnv.setAttribute('id', 'field1')
newCnv.setAttribute('height', 320)
newCnv.setAttribute('width', 480)
newCnv.innerHTML = "Скорее всего этот браузер не поддерживает HTML5";
}
var ctx = newCnv.getContext('2d');
/* Рисует контур прямоугольника на всю ширину и высоту canvas */
ctx.strokeRect(0, 0, newCnv.width, newCnv.height);
// добавляем только что созданный элемент в дерево DOM
my_div = document.getElementById("main");
//вставляем newCnv внутрь main
my_div.appendChild(newCnv);
return false; //чтобы добавленные элементы не пропадали из-за перезагрузки страницы
}
Ошибка в Google Chrome: "Paused on exception: 'TypeError: Document.getElementsByTagName is not a function'."