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

最新推荐文章于 2025-06-01 15:23:25 发布

原创最新推荐文章于 2025-06-01 15:23:25 发布 · 5.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #class #function #html #css #div

ExtJs 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用Ext DomQuery.select()方法来选取HTML中特定的元素，并通过Ext.each()函数遍历这些元素以修改其样式。示例展示了查找id为root1的div内所有span标签，并将它们的背景颜色设为绿色，文字颜色设为黄色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//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>