deleteElement(id) 删除控件

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

移除指定 id 的页面控件

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

示例代码



// 创建一个 id 为 ant 的图片控件
// 当点击图片时,删除图片控件
image("ant", "http://www.pdclipart.org/albums/Animals_Bugs_Insects/ant.png");
onEvent("ant", "click", function() {
  deleteElement("ant");
});

示例代码:蚂蚁战争简单游戏 每隔一定时间,蚂蚁会在屏幕上出现在随机位置。点击蚂蚁,可以让蚂蚁在屏幕上消失。


// 每隔一定时间,蚂蚁会在屏幕上出现在随机位置。
// 点击蚂蚁,可以让蚂蚁在屏幕上消失。
function createAnt() {
  var antId = "ant" + randomNumber(0, 1000);
  var antHeight = randomNumber(35,100);
  var antWidth = randomNumber(35, 100);
  var antXPosition = randomNumber(0, 300);
  var antYPosition = randomNumber(0, 400);
  image(antId, "http://www.pdclipart.org/albums/Animals_Bugs_Insects/ant.png");
  setPosition(antId, antXPosition, antYPosition, antHeight, antWidth);
  onEvent(antId, "click", function() {
    deleteElement(antId);
  });
}

var oneSecondInMilliseconds = 1000;
var oneMinuteInMilliseconds = 60 * oneSecondInMilliseconds;
var createAntInterval = setInterval(createAnt, oneSecondInMilliseconds);

setTimeout(function() {
  clearInterval(createAntInterval);
}, oneMinuteInMilliseconds);

语法规则


deleteElement(id);

参数说明

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

返回值

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

提示说明

  • 一旦控件被移除,将不能再通过控件 id 的方式定位并使用它,除非在使用之前重新创建。

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

返回文档首页