将现有函数添加到DOM元素

Question

我有一个DOM元素的引用。我知道我可以添加一个函数，就像下面添加函数foo的例子一样：

<div id="myDiv"></div>
<script>
    function bar() {
        console.log("inside bar");
    }
    var myDiv = document.getElementById("myDiv");
    myDiv.foo = function () {
        bar();
    }
    myDiv.foo();
</script>

调用myDiv.foo（）按预期执行文档级函数bar（）。

我想知道的是：是否可以将文档级功能栏添加为myVar的成员？这样我可以直接调用myDiv.bar（）吗？关键是吧必须能够使用关键词“this”访问myDiv的成员。我知道我可以更改bar以接受myDiv作为参数并以这种方式访问​​其成员，但我真的很想知道我询问的具体方法是否可行。感谢。

Answer 1

您只需分配功能而不是创建新功能。

myDiv.foo = bar;
myDiv.foo();