动态添加子元素和设置子元素的样式

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
  xmlns:s="library://ns.adobe.com/flex/spark" 
  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
   creationComplete="creationComplete()" xmlns:local="*">
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.controls.LinkBar;
import mx.controls.LinkButton;
private function creationComplete():void{

for(var i:int=0;i<5;i++){

                                           //

           var lb:LinkButton = new LinkButton();
lb.label = (i+1).toString();
lb.addEventListener(MouseEvent.CLICK,lbClickHandle);
hg.addElementAt(lb,i);
}
}
private function lbClickHandle(e:MouseEvent):void{
var lb:LinkButton = e.target as LinkButton;
for(var i:int;i<hg.numElements;i++){
var ch:LinkButton = hg.getElementAt(i) as LinkButton;
if(ch != lb){
ch.setStyle("color","0x000000");
}
}
lb.setStyle("color","0xff0000");
}

]]>
</fx:Script>
<s:HGroup id="hg" width="402" height="258">
</s:HGroup>
</s:Application>