javascript - 获取 DOM 的文本值并显示在 dat.gui 字段中

Question

我有一个 dat.gui 来控制一个 three.js 场景。我希望它显示来自 DOM 的文本值

 <div id="data">data</div>

我看不出有办法让它工作。你能帮帮我吗？非常感谢你

var guiControls = new function() {
    this.message = document.getElementById('data');

var gui = new dat.GUI();
    gui.add(guiControls, 'message')

标签： javascripthtmldat.gui

Answer 1

代替：

this.message = document.getElementById('data').value;

采用：

this.message = document.getElementById('distance').textContent;