`
- 浏览:
100882 次
- 性别:
- 来自:
温州
-
xml 代码
- <html>
- <head>
- <title>Ext lession 2 - Element selecttitle>
- <link rel="stylesheet" type="text/css" href="http://www.agideo.com/lib/ext-1.0-alpha3/resources/css/ext-all.css"/>
- <link rel="stylesheet" type="text/css" href="http://www.agideo.com/lib/ext-1.0-alpha3/resources/css/ytheme-aero.css" />
- <script type="text/javascript" src="http://www.agideo.com/lib/ext-1.0-alpha3/yui-utilities.js">script>
- <script type="text/javascript" src="http://www.agideo.com/lib/ext-1.0-alpha3/ext-yui-adapter.js">script>
- <script type="text/javascript" src="http://www.agideo.com/lib/ext-1.0-alpha3/ext-all.js">script>
- <script>
- function f1()
- {
- // Highlights every paragraph
- Ext.select('p').highlight();
- }
- script>
- head>
- <body>
- <p>
- paragraph 1
- p>
- <hr />
- <p>
- paragraph 2
- p>
-
- <input type="button" value="select-p" name="btn" onclick="f1();" />
- body>
- html>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
EXT为此提供了`Ext.select`方法,可以按照CSS选择器获取一组元素,或者使用`Ext.query`(等同于jQuery的`$`函数)进行DOM查询。 6. 学习路径 如果你时间有限,建议优先深入学习Ext.Element,因为它是EXT库的基础,...
3. 如果看到全中文的响应页面,说明工程运行正常,参见ExtStart.js文档,有非常详细的注释说明Ext.Element类与Ext.select()选择器的使用,以及事件处理的几种使用情况,最后是Ext框架使用Ajax技术的演示部分,需要...
在Ext Core中,`Ext.Element`类是核心组件之一,它封装了不同浏览器下的HTMLElement对象,解决了跨浏览器的兼容性问题。`Ext.Element`拥有大量方法,包括处理CSS样式、DOM查询、DOM操作以及获取元素的尺寸和位置等。...
- **Element对象**:`Ext.get`返回的是一个Element对象,可以对底层DOM节点进行操作。若需获取一组DOM节点,可使用选择器,例如: ```javascript var allParagraphs = Ext.select('p'); // 获取所有段落 ``` ...
你可以通过`Ext.get`或者`Ext.select`来选取DOM元素,然后调用Element的方法进行操作。 总的来说,ExtJS是一个功能齐全的JavaScript框架,它简化了富Web应用的开发,提供了丰富的组件、强大的数据绑定、优雅的API和...
- **`Ext.get`**:用于根据ID获取DOM元素,返回一个`Element`对象,方便后续的DOM操作。 - **`Ext.select`**:通过选择器获取一组DOM元素,返回`CompositeElement`对象,支持链式调用和批量操作。 #### 六、操作DOM...
6. `insertFirst(Mixed el, Object o, [Boolean returnElement]) : HTMLElement/Ext.Element`:作为`el`的第一个子元素插入新元素。 7. `insertHtml(String where, HTMLElement el, String html) : HTMLElement`:...