~~~
.item {
hover-on! :
ele = $1( input.url ) ,
ele:empty == true ?
(self.value = "empty") #
(self.value = "filled"),
ele:hover = true,
self::width = ele.box-content-width(),
self.$(.icon) -> @(ele) ele::background = "#CCC"
;
}
~~~
代码中的三处展示了3种内容的访问方法:
|语句|说明|
| -- | -- |
|ele:hover = false<br />ele:disabled = true,|通过":"访问元素的状态<br /> 在AAuto中等价的写法是： ele.state.状态名 = 状态值|
|ele.value = "string",<br />ele.name = "my_elem",<br />ele.disabled = true,<br />ele.title = null,|通过"."访问元素的属性值. <br />在AAuto中等价的写法是： ele.属性名 = 属性值<br />注意部分属性值和状态是相互有关联的. <br />要删除一个属性, 只需要赋值 null给它即可.|
|ele::width = 56px,<br />ele::display = "none",|通过"::"访问元素的CSS样式属性. <br />在AAuto中等价的写法是： ele.style.样式名 = 样式值|
在 CSSS! 中有如下状态可在执行时使用:
|状态|说明|
| -- | -- |
|ele:value|元素DOM节点的值.<br />对于输入框这个值为输入的文本.其他元素为内部的文本.|
|ele:index|元素在子元素的序号. 取值从 1 开始到self.parent().children()|
|ele:hover<br />ele:active<br />ele:empty<br />ele:readonly<br />ele:disabled<br />ele:focusable|部分CSSS!中常用的布尔型状态. (true/false)|
