JavaScript 从自定义对象访问元素

Question

这肯定是一个非常愚蠢的问题，但我就是无法让它发挥作用。

我正在为 iOS 创建自己的 UIKit。 (网站工具包将允许类似 iPhone 的界面)。

但是，我正在尝试创建一个 JavaScript 库，它可用于更改文档的多个元素。例如，在文档加载时设置自定义背景颜色。

我正在尝试使用面向对象的 JavaScript 来做到这一点。像这样:

var UI = new Interface();
UI.setBackground("#000");

我怎样才能实现这个目标？(因此自定义“UI”对象，以及(示例)如何从对象内部更改文档的背景颜色。)

Answer 1

您可以在 JS 对象内保存对 DOM 的引用，并根据需要重写它。

function Interface() {
    this.setBackground = function (color) {
        this.pointTo.style.background = color;
    };
    this.pointTo = document.body;
}

您可以通过以下方式初始化它:

var UI = new Interface();
UI.pointTo = document.getElementById('some_id');
UI.setBackground("#000");
// Set another style, on a different element
UI.pointTo = document.getElementById('some_other_id');
UI.setBackground("#FFF");

这是一个简单的实现，需要更智能地分配，但它应该可以完成工作。

编辑:原来的帖子有错误，已修复错误代码。还做了一个例子:http://jsfiddle.net/HpW3E/