ExtJs中的Ext.DomQuery.select()方法的使用

//Ext.DomQuery.select()方法可以接受我們定製的表達式,將HTML中所有滿足條件的標籤作爲結果返回,下例是查找html中元素div的id爲root1的所有span標籤,查找到後一般要利用Ext.each()函數,將查找到的所有元素進行遍歷,然後在回調函數中,對此元素進行操作,此處是將素有的元素的css類型背景色設置爲綠色
<script type="text/javascript">
	Ext.onReady(function(){
		var array = Ext.DomQuery.select('div#root1>span');
		Ext.each(array,function(elem){
			elem.style.backgroundColor='green';
			elem.style.color='yellow';
		});
	});
</script>
<div id='root1'>
  	<span class="span1">span1</span>
  	<span class="span2">span2</span>
  	<span class="span3">span3</span>
  	<span class="span4">span4</span>
  	<span class="span5">span5</span>
</div>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章