hideElement(id) 隐藏控件

功能分类: UI Controls Applab JavaScript 少儿编程

隐藏指定 id 的页面控件,使其在屏幕上不显示。

放置在屏幕上的控件并不是静止不变的。有时候一些控件不再被需要,这时候最好将它们移除或隐藏。所有这些控件都可以被隐藏:button()textInput()textLabel()dropDown()checkbox()radioButton()image()

示例代码



// 创建一个 id 为 logo 的图片控件,并显示校外课 logo
image("logo", "https://xiaowai.co/images/logo.png");
button("hideButton", "Hide logo");
button("showButton", "Show logo");
onEvent("hideButton", "click", function(event) {
  hideElement("logo");
});
onEvent("showButton", "click", function(event) {
  showElement("logo");
});

示例代码:图片闪烁效果 实现图片闪烁效果


// 创建一个 id 为 logo 的图片控件,并显示校外课 logo
// 并实现图片闪烁效果
image("logo", "https://xiaowai.co/images/logo.png");
setInterval(function() {
  hideElement("logo");
  setTimeout(function() {
    showElement("logo");
  }, 500);
}, 1000);

语法规则


hideElement(id);

参数说明

名称 类型 必需 参数描述
id string Yes 指定事件处理相关控件的 id 唯一标识。必须以字母开头,不能包含空格,可以包含字母、数字、减号 - 以及下划线 _ 。

返回值

没有返回值。只在显示结果页面体现代码执行前后变化。

提示说明

查看更多少儿编程教程、JavaScript 介绍

返回文档首页