第一次渲染页面时,我使用goog.ui.Toolbar
创建工具栏。稍后,我向其中添加一些按钮。我也隐藏了一些按钮。
this.mainToolbar = new components.ui.Toolbar();
this.addChild(this.mainToolbar);
var mlSelectBtn = new components.ui.ToolbarButton(content);
mlSelectBtn.setId("select");
this.mainToolbar.addChild(mlSelectBtn, true);
var mlUnSelectBtn = new components.ui.ToolbarButton(content);
mlUnSelectBtn.setId("unselect");
this.mainToolbar.addChild(mlUnSelectBtn, true);
mlUnSelectBtn.setVisible(false);
现在,当我在应用程序上单击其他几个按钮时,我想隐藏选择按钮并取消隐藏取消选择按钮。
我尝试这样做
var temp = document.querySelector("[id=unselect]");
temp.setVisible(true);
我收到一个错误消息,说setVisible不是一个函数。如何将visible设置为true?
最佳答案
querySelector
方法的结果是一个DOM元素,但是要调用setVisible
,您需要引用ToolbarButton
(上面的mlUnSelectBtn
)。您将需要在某个位置存储对mlUnSelectBtn
的引用,该代码可以通过重置可见性的代码进行访问。