0

我有一个问题：

我有 3-4 种类型的元素，如标签、文本框……，这个元素有 10-12 个功能。现在如何在 DOM Element 上明智地构建这个函数类型？

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

$('ElementID') . functionName();

然后自动明智地调用函数类型。

详见：

步 ：

1. 制作 Dom 元素，然后通过 type wise 在这个 DOM 元素上构建我的函数。

2. 然后我像 $('# DOM Element ID') 一样访问这个 DOM 元素，然后我调用我的方法。

例如：如果 DOM 元素类型标签，则构建以标记所有（10-12 个函数）函数。如果 DOM 元素类型为文本框，则构建到文本框所有（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);
        },
};

变量标签2 = {

        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 中的这种类型流。

谢谢

4

1 回答 1

0

访问元素后检查它的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 );
}

这是一个演示

于 2012-09-15T04:48:38.967 回答