为什么我不能从ipython小部件修改生成的元素？

Question

我是制作部件的新手，我正在尝试弄清javascript和jupyter笔记本之间的交互。

我正在使用cookiecutter示例，并试图进行一些小的修改。我成功地将元素添加到了小部件，但是现在我无法定位新元素。

Example.js

var HelloView = widgets.DOMWidgetView.extend({
    render: function() {
        this.value_changed();
        this.model.on('change:value', this.value_changed, this);
        console.log(this.el)
        $(this.el).append("<div class='container'><canvas id='canvas' responsive='true'></canvas></div>")
        $('#canvas').css({'background': 'red'})
    }
    value_changed: function() {
        console.log('change', this.model.get('value'))
        //this.el.textContent = this.model.get('value');
    }
});

为什么不更改元素？