Javascript 从文本字段设置画布大小

我试图创建一个画布，其大小由用户设置。用户将画布的大小插入到两个文本字段中，两个文本字段的名称分别为

width

和

height

。单击“提交”按钮后，将创建画布并设置宽度，但高度仍然为0。有什么想法吗

submit.onclick = function() {
    var width = document.getElementsByName("width")[0].value;
    var height = document.getElementsByName("height").value;
    createCanvas(width,height);
    $("#frame").remove();

    function createCanvas(width, height) {
        var selector = document.getElementById('canvas-wrapper');
        selector.innerHTML = '<canvas id="cnvs"></canvas>';
        var canvas = document.getElementById("cnvs");
        canvas.width = width;
        canvas.height = height;
    }
    return false;
}

submit.onclick=function（）{
var width=document.getElementsByName（“宽度”）[0]。值；
var height=document.getElementsByName（“height”）.value；
createCanvas（宽度、高度）；
$（“#帧”）.remove（）；
函数createCanvas（宽度、高度）{
var选择器=document.getElementById（'canvas-wrapper'）；
selector.innerHTML=''；
var canvas=document.getElementById（“cnvs”）；
画布宽度=宽度；
canvas.height=高度；
}
返回false；
}

我想你的问题在于：

var width = document.getElementsByName("width")[0].value;
var height = document.getElementsByName("height").value;

我看到您正在使用jQuery，如果您正在加载它，为什么不利用它呢

var width = $('#yourWidthFormElement').val();
var height = $('#yourHeightFormElement').val();

这方面的html将是：

<input type="text" id="yourWidthFormElement" placeholder="width" />
<input type="text" id="yourHeightFormElement" placeholder="height" />

---

我假设声明了“submit”变量并保存了一个dom元素

，您没有看到第2行和第3行之间的明显区别吗？提示：Array indexSorry我是javascript新手，我还在学习。所以。。。你看到区别了吗？谢谢大副的建议：）它工作得很好。