setStyle(id, style)

功能分类: Advanced Applab JavaScript 少儿编程

设置指定 id 控件的样式为指定的 style 值。

在 Applab 里创建的 APP 是基于 HTML 的 Web 应用。里面使用的控件为 HTML 控件。在 Applab 里的 设计 页面可以对每个使用拖拽方式放置到页面上的控件进行如文本、字体、颜色、位置等基本设置。如果这些还不够,就可以使用这里的 setStyle(id, style) 方法进行 CSS 样式扩展设置。另外还有一些通过代码创建的控件,也可以使用这个方法以及其他一些对控件属性进行设置的方法,一起使用来修改这些控件的显示。

示例代码


示例代码:设置按钮显示样式 为同一按钮进行不同样式属性的设置。


// 为同一按钮进行不同样式属性的设置
setStyle("fancyButton", "font-family: monospace;");
setStyle("fancyButton", "font-size: 40px;");
setStyle("fancyButton", "font-weight: bold;");
setStyle("fancyButton", "border-radius: 50px;");
setStyle("fancyButton", "background: linear-gradient(red, yellow);");
setStyle("fancyButton", "border: 2px solid red");

语法规则


setStyle(id, style);

提示说明

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

返回文档首页