Javascript - 将dom元素引用转换为节点

Question

在jQuery中你可以这样做：

var domElement = document.getElementById("myId");
var tmp = jQuery(domElement);

您可以获得节点

var node = tmp[0];

我想知道如何在原生javascript中完成这样的事情。

此致

Answer 1

您的 domElement 变量是DOM树的节点。该tmp变量将其包装到jQuery对象中，[0]索引器将DOM元素返回。因此，原生JavaScript是代码的第一行。

Answer 2

var domElement = document.getElementById("myId");

在这里，您获得了DOMelement或DOM Node

var tmp = jQuery(domElement);

在这里，DOM element包含在jQuery中。所以它就像jQuery中包含的DOM Element一样，以便jQuery函数可以应用于它。

实际上，原生javascript中DOM element和node之间没有区别。

Answer 3

简而言之var node = document.getElementById("myId");正是您希望在代码中使用朴素的javascript。

在var domElement = document.getElementById("myId");

中解释

您正在引用myId到domElement的节点，然后使用var tmp = jQuery(domElement);，将dom元素作为jquery对象。

var node = tmp[0];选择tmp的第一个孩子作为dom元素，其结论相当于 document.getElementById("myId")