Javascript函数用于按Id检索不同的html元素

Javascript functions to retrieve diffrent html elements by Id

本文关键字：html 元素 检索 函数 用于 Id Javascript      更新时间：2023-09-26

我正在尝试编写一个能够按Id检索元素的Javascript函数。例如，我想编写两个函数，一个按Id检索Label元素，另一个按Id检索input元素。我之所以要将它们分离，主要是因为我想访问它们的属性。

Label = function(id) {     

 this.id = id;
   this.setValue = function(value) {
        $("#" + id).text(value);
    }
}
function Label(id) {
        var elem = $('#'+id).val();
        if (elem == null) {
            alert('Label with id = ' + id + ' does not exist!');
        } else
            return new Label(id);
    }

上面函数的问题是，如果我写一个输入元素Id，它将返回带有labels函数的输入元素。所以我的问题是，我如何进行一种验证，以防止标签函数中的元素Id不正确？

首先：页面上的ID应该是唯一的，以便进行良好的实践。若要获取多个标签，则使用诸如"data-*"或"class"之类的属性。例如：

  • 获取所有具有类"name"的输入

$("input.name");

  • 按ID"myID"提取标签：

$("label#myID");

性能提示：最好使用选择器label#myID而不是#myID

相关文章：