如何在 DOM Element 上明智地构建这个函数类型？

Posted 2023-05-09

【中文标题】如何在 DOM Element 上明智地构建这个函数类型？

【英文标题】：how to build this function type wise on DOM Element?

【发布时间】：2012-09-08 05:03:33

【问题描述】：

我有一个问题：

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

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

$('ElementID') . functionName();

然后自动调用函数类型。

详细看：

步骤：

1 .制作 Dom 元素，然后按类型在此 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);
        ,
;

var 标签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 中更好地了解这种类型的流程。

谢谢

【问题讨论】：

我没听懂你的问题

我使用了这么多的 dom 元素，每个元素都有一些类型，比如 label1 ， lable2 ，...然后我有类型明智的 10-12 函数，所有函数都使用 dom 元素。所以第一次我检查元素类型然后应用它。所以我计划制作jquery函数，当我创建这个dom时，我按类型构建所有函数......所以下次我很容易用dom函数访问这个dom......

【参考方案1】：

访问元素后检查它的dom类型。

例如：

访问：

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

获取节点名称：

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

如果节点名称是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 );

Here is a demo

【讨论】：

我使用了这么多的 dom 元素，每个元素都有一些类型，比如 label1 ， lable2 ，...然后我有类型明智的 10-12 函数，所有函数都使用 dom 元素。所以第一次我检查元素类型然后应用它。所以我计划制作jquery函数，当我创建这个dom时，我按类型构建所有函数......所以下次我很容易用dom函数访问这个dom......

重复你在上面写的同样的评论不会让它更容易理解。 “label1”、“label2”不是 Javascript 类型。你的意思是类还是ID？ “type wise 10-12 function”是无法理解的英语（抱歉，如果英语不是您的母语）。

"label1", "label2" 是我的类型。还有 10-12 diff -diff type 。并且每个都有 10 -12 个函数。