用 javascript 修改 firebug dom 对象答案

【问题标题】：modify firebug dom object with javascript用 javascript 修改 firebug dom 对象
【发布时间】：2019-11-18 14:47:44
【问题描述】：

上面的 Firebug 屏幕截图显示了我已加载的站点中的 DOM 对象。实际上我正在使用一个库（EditableGrid）来允许我编辑一个名为“itemlist”的表格。

我想使用 JavaScript “即时”将 columns 属性 editable 设置为 false。在 Firebug 的标题栏中，我看到 Window > databgrid > editableGrid > columns > 3 em>。

谁能指出我访问和修改第 3 列“可编辑”对象属性的正确方法。

我尝试了各种组合

var tbl = document.getElementById('itemlist');

var col = document.getElementClassName('window.datagrid.editableGrid.columns');
col.value = "true";

但我无法访问该属性。

【问题讨论】：

标签： javascript html object dom firebug

【解决方案1】：

document.getElementById() 和 document.getElementClassName() 选择 HTML 元素。你想访问一个 DOM 对象。查看 Firebug 的 DOM 面板中显示的路径，它应该可以通过 datagrid.editableGrid.columns[3] 直接访问。

【讨论】：

当我在控制台窗口中输入语句时： var eg3 = document.getElementsByName('datagrid.editableGrid.columns[3]') 我得到一个未定义的回复。这仍然是我的问题。
不要使用document.getElementsByName()之类的，直接输入datagrid.editableGrid.columns[3]即可。

【解决方案2】：

塞巴斯蒂安完全正确。无需通过 DOM 函数检索元素。

value = datagrid.editableGrid.columns[3];

只检索数据结构变量。我不知道可以直接设置和获取黑色/粗体颜色的对象。

【讨论】：