`
yonglin4605
  • 浏览: 187613 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Element

    博客分类:
  • GWT
阅读更多
这里的Element是指com.google.gwt.dom.client.Element
因为GWT里面有不止一个Element类,所以请不要混淆


Element表示的是js里面的element对象,看一下他源代码里的部分方法
  /**
   * 这是我们在js中常用的innerHTML方法,使用了JSNI
   */
  public final native void setInnerHTML(String html) /*-{
     this.innerHTML = html || '';
   }-*/;
  /**
   * 获得该Element里面的html代码,这里并没有直接使用JSNI,因为不同的浏览器实现这个功能的方法不一样,这里的代码在执行的时候,会根据你的浏览器来选择不同的实现类来执行
   */
  public final String getInnerHTML() {
    return DOMImpl.impl.getInnerHTML(this);
  }
  /**
   * 获得这个Element的Tag标记
   */
  public final native String getTagName() /*-{
     return this.tagName;
   }-*/;
  /**
   * Adds a new attribute. If an attribute with that name is already present in
   * the element, its value is changed to be that of the value parameter.
   * 
   * @param name The name of the attribute to create or alter
   * @param value Value to set in string form
     设置这个Element上的属性和值,如果该属性还没有,则创建,如果已经存在,则替换
   */
  public final native void setAttribute(String name, String value) /*-{
     this.setAttribute(name, value);
   }-*/;
  /**
   * The class attribute of the element. This attribute has been renamed due to
   * conflicts with the "class" keyword exposed by many languages.
   * 
   * 设置Element上的class属性
   */
  public final native void setClassName(String className) /*-{
     this.className = className;
   }-*/;
  /**
   * The element's identifier.
   * 
   * 设置Element上的id属性
   */
  public final native void setId(String id) /*-{
     this.id = id;
   }-*/;


Element有很多子类,基本上都是按照tag来分类的
如AnchorElement对应的是<a></a>
AreaElement对应的是<area></area>
FormElement对应的是<form></form>
等等。。。。
对应不同的tag类型,会提供不同的方法来设置特有的属性
分享到:
评论
1 楼 woodytf 2011-02-17  
您好,我想请问下我用(AnchorElement) Document.get().getElementById("***")获得一个用HTML创建的一个超链接a标签,我怎样给这个AnchorElement对象添加一个单击事件呢?

相关推荐

    element-plus(element-plus@2.8.1/element-plus-2.8.1) 本地离线资源

    /npm/element-plus@2.8.1/dist 37.2K /npm/element-plus@2.8.1/es 36.4K /npm/element-plus@2.8.1/lib /npm/element-plus@2.8.1/theme-chalk 394 /npm/element-plus@2.8.1/attributes.json /npm/element-...

    element-ui.rar element-ui核心库压缩包

    Element UI 是一个基于 Vue.js 的开源 UI 组件库,它为开发者提供了丰富的界面组件,用于构建优雅的前端应用。这个“element-ui.rar”压缩包包含了 Element UI 的核心库,是开发人员快速搭建企业级 Web 应用的重要...

    element-plus(element-plus@2.5.5) 本地离线资源

    element-plus@2.5.5 本地离线资源,适用于没有网络连接、搭建自己的cdn等用途。 All files(包含文件) /npm/element-plus@2.5.5/dist /npm/element-plus@2.5.5/es /npm/element-plus@2.5.5/lib /npm/element-...

    element-plus离线文档

    Element Plus 是一个基于 Vue 3 的开源组件库,它提供了丰富的 UI 组件,用于构建现代 Web 应用程序。这个离线文档包含了 Element Plus 的所有官方文档,方便开发者在没有网络连接或者内网环境中查阅和学习。 ...

    element深色系资源

    Element UI 是一款基于 Vue.js 的开源 UI 组件库,它提供了丰富的界面元素和设计模式,用于构建美观且响应式的 Web 应用。深色系主题是 Element UI 提供的一种视觉风格,适合在低光照环境下或者对视力保护有需求的...

    element-ui离线文档包

    Element UI 是一个基于 Vue.js 的开源组件库,它提供了丰富的界面元素和交互设计,用于构建美观、响应式的 Web 应用。这个离线文档包包含了 Element UI 的 CSS 和 JS 文件,使得开发者在本地环境中可以无需网络连接...

    vue-element-admin中文版本

    Vue-element-admin 是基于 Vue.js 的一套全面的后台管理系统模板,它利用了 Element UI 这个流行的 UI 组件库,提供了一系列预设的页面模板、路由、权限管理等功能,极大地加速了后台管理系统的开发过程。...

    element.js文件

    "Element.js" 文件是JavaScript库中的一个重要组成部分,它通常用于构建用户界面,特别是在Web开发中。JavaScript是一种广泛使用的编程语言,用于实现客户端的交互性和动态功能。在网页中,JavaScript可以处理用户...

    element JS资源库(本地执行)下载

    Element UI 是一个基于 Vue.js 的开源组件库,主要用于构建用户界面。它提供了丰富的可复用、易定制的组件,能够帮助开发者快速搭建企业级的Web应用程序。标题中的“JS资源库(本地执行)下载”表明这是一个包含...

    element-ui离线

    Element UI 是一个基于 Vue.js 的开源 UI 组件库,它为 Vue 2.0 提供了丰富的界面元素和设计风格,使得开发者能够快速构建美观且功能强大的 Web 应用程序。"element-ui离线" 版本是 Element UI 的一个离线包,包含了...

    vue3-element-admin:vue3 + element-plus + typescript 后台管理系统

    vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板(前后端开源)。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...

    Axure Element UI元件库

    **Axure Element UI元件库详解** Axure是一款广泛使用的原型设计工具,它允许设计师快速创建交互式的线框图、原型和规格文档。Element UI则是一个流行的前端框架,它提供了丰富的UI组件,使得开发者能够快速构建出...

    element plus 手册离线

    Element Plus 是一个基于 Vue.js 的开源 UI 组件库,它为开发者提供了丰富的组件,用于构建现代化的 Web 应用程序。这个"element plus 手册离线"版本是为了那些在网络不稳定或者无法连接到互联网的情况下,依然能...

    Element元件集合.rar

    Element UI 是一个基于 Vue.js 的开源 UI 组件库,由饿了么团队开发,它提供了丰富的界面组件,用于快速构建美观且响应式的 Web 应用。"Element元件集合.rar" 是一个包含多个与 Element UI 相关的 Axure 组件库资源...

    HTML+Element-ui邮件管理前端界面

    若element-ui显示故障: 1.查看是否引用 &lt;!--引入 element-ui 的样式,--&gt; &lt;link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"&gt; &lt;!-- 必须先引入vue, 后使用element-ui --&gt;...

    element-ui离线包.zip

    Element UI 是一个基于 Vue.js 的开源前端组件库,它提供了丰富的可复用 UI 组件,如按钮、表单、表格、导航、对话框等,极大地简化了 Web 开发过程,尤其适合构建企业级的管理界面。这个“element-ui离线包.zip”...

    element-ui资源包

    Element UI 是一个基于 Vue.js 的开源 UI 组件库,它为开发者提供了丰富的组件,以便快速构建美观、响应式的用户界面。这个"element-ui资源包"包含了所有你需要在前端项目中使用 Element UI 的必要文件和资源。 ...

    vue+element后台管理系统模板1

    Element UI 是一套为开发者、设计师和产品经理准备的基于 Vue.js 的组件库,它提供了丰富的界面元素,帮助快速构建出美观的后台管理系统。 在"vue+element后台管理系统模板1"中,我们可以看到以下关键知识点: 1. ...

    Element-UI本地引入

    Element-UI是一款基于Vue.js的开源前端组件库,它提供了丰富的UI组件,如表格、按钮、提示、下拉菜单等,极大地提高了开发效率。在某些情况下,如在JSP环境中,我们可能无法直接通过URL来引入Element-UI的CDN资源,...

    element-ui@2.13.2.rar

    Element UI 是一个基于 Vue.js 的开源前端组件库,它的版本号为 2.13.2,这表明你分享的压缩包包含的是该库的一个稳定更新。Element UI 旨在提供一套高质量、易于使用的界面组件,使得开发者在构建企业级后台管理...

Global site tag (gtag.js) - Google Analytics