javascript - 引用 javascript 对象属性的 HTML 内容

Question

javascript 有没有办法实现这个功能？

// define an user class
var User = function (name) {
    this.name = name;
}

// create an user object
var user = new User('John');

var anchor = document.createElement('a');

anchor.innerHTML = user.name;
// add the anchor to DOM
document.body.appendChild(anchor);

// change the user name
user.name = 'James';

此后， anchor 的html会自动更改内容因为它保存了对对象 user 的引用。也许这听起来很愚蠢，但我想的是是否有一种方法可以通过对象引用来观察 DOM 值的任何变化。

非常感谢。

Answer 1

这行不通。您需要手动更新innerHTML 以反射(reflect)该值。您可以使用像 AngularJS 这样的聪明的框架来消除这种手动操作。