~~~
.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)|
