如何在DOM元素上按类型构建此函数

how to build this function type wise on DOM Element?

本文关键字：类型 构建 函数 DOM 元素      更新时间：2023-09-26

我有一个问题：

我有3-4类型的元素，如标签，文本框，。。。并且该元件具有10-12的功能。现在如何在DOM元素上按类型构建此函数

然后我使用这种类型的代码：

$('ElementID') . functionName();

然后自动按类型调用函数。

详见：

步骤：

1。制作Dom元素，然后在这个Dom元素上按类型构建我的函数。

2。然后我访问这个DOM元素，比如$（"#DOM元素ID"），然后调用我的方法。

例如：如果DOM元素类型为label，则构建以标记所有（10-12个函数）函数。如果DOM元素类型为textbox，则构建到textbox所有（10-12个函数）函数。

3.然后使用任何js文件。

（注意：你不理解我的问题，然后再问…）

代码：

var Label1 = {
        GetHtml: function(id) {
            return $('<div id="'+id+'" class="drag LABLE" type="Label1"></div>');
        },
        _SetFont_family : function(CSS) {
            console.log(CSS);
        },
};

var Label2=｛

        GetHtml: function(id) {
            return $('<div id="'+id+'" class="drag LABLE" type="Label2"></div>');
        },
        _SetFont_family : function(CSS) {
            console.log(CSS);
        },
};
var ElementObject  = {
        LABLE1 : LABLE1 ,
LABLE2:LABLE2  
};

呼叫：

ElementObject[currentDOM.attr('type')]._SetFont_family(CSS);

那么我选择的元素类型是Label2然后调用Label2函数，Label1然后调用Label1的函数。

因此可以更好地了解jquery或JavaScript中的这种类型的流。

感谢

访问元素后，检查其dom类型。

例如：

  1. 访问：

    var $node = $('#element');

  2. 获取节点名称：

    var node_name = $node.get(0).nodeName;
// or
var node_name = $node[0].nodeName; // output: LABEL, INPUT etc

  3. 如果节点名称为INPUT，则可以通过以下方式检查类型：

    var node_type = $node[0].type;

示例代码： 

var $node = $('#input');
var node_name = $node[0].nodeName;
var node_type = null;
alert(node_name);
if( node_name == 'INPUT') {
    node_type = $node[0].type;
    alert( node_type );
}

这是一个演示

相关文章：