Ext - Element select

最新推荐文章于 2024-04-07 16:43:50 发布

最新推荐文章于 2024-04-07 16:43:50 发布 · 203 阅读

文章标签：

2 篇文章

订阅专栏

本文介绍了一个使用 Ext.js 库高亮显示页面中所有段落元素的示例。通过 JavaScript 实现了简单的功能，当点击按钮后，页面上的所有段落文本会被突出显示。该教程展示了如何在 Web 开发中利用 Ext.js 的 Element API 来操作 DOM 元素。

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>