功能分类: 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);
showElement(id);
名称 | 类型 | 必需 | 参数描述 |
---|---|---|---|
id | string | Yes | 指定事件处理相关控件的 id 唯一标识。必须以字母开头,不能包含空格,可以包含字母、数字、减号 - 以及下划线 _ 。 |
没有返回值。只在显示结果页面体现代码执行前后变化。
showElement
经常跟 hideElement 一起使用。