Question

我正在尝试使用Javascript编写代码来调用PageLoad上的函数，该函数将找到Calender_Control的高度。如果高度等于398px，则将文本区域的高度设置为4行，否则将行设置为6。

这是我到目前为止所尝试的内容，并没有找到ID。

        function changeHeight() {
        var height = document.getElementById("#calender_control");
        if (height == 398) {
            document.getElementById("#calender_control").rows = "4";
        }
        else {
            document.getElementById("#calender_control").rows = "6";
        }
    }

为什么我的代码不起作用？

Answer 1

你必须使用 javascript 来按ID选择元素：

document.getElementById("calender_control")

但如果您想要 jquery ，那么：

$("#calender_control")

$("#calender_control")相当于document.getElementById("calender_control")

Answer 2

document.getElementById不使用哈希来表示id。

但这只是第一个问题，您希望通过拨打getElementById来获取号码：

var height = document.getElementById("#calender_control");
if (height == 398) { ...

但是对getElementById的调用会返回HTMLDomElement

Answer 3

如果你想使用jQuery。

function changeHeight() {
    var height = $("#calender_control").height();
    if (height == 398) {
        $("#calender_control").attr("rows", "4");
    }
    else {
        $("#calender_control").attr("rows", "6");
    }
}

Answer 4

尝试以下代码......

 function changeHeight() {
    var height = document.getElementById("calender_control").height;
    if (height == 398) {
        document.getElementById("calender_control").rows = "4";
    }
    else {
        document.getElementById("calender_control").rows = "6";
    }}

Javascript函数找不到ID

4 个答案: