blocks|key|2942423|text|基本上什么都没有。在GWT生命周期的某个时刻，整个DOM相关代码被重写到dom包中。在每个HTML标记的新包中，都有一个特定的元素类可用，比如DivElement为这些标记提供特定的方法。例如，在您的示例中，如果要使用它查找div元素，则可以直接使用DivElement。这两个版本的代码如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2942424|DivElement+divID+=+(DivElement)+Document.get().getElementById("divID");|code-block|syntax|javascript|2942425|或|2942426|DivElement+divID+=+(DivElement)+DOM.getElementById("divID").cast();|2942427|为了向后兼容，保留了旧代码。所有Widget类都使用旧的Element类，这个类也是由DOM.getElementById返回的。旧的Element类被更改并扩展了新的Element类，没有任何额外的，所以它们基本上是一样的。一般来说，您应该只使用Document.get()。在处理元素时，所有这些都会使人有些困惑。|2942428|entityMap^0|10|3|1Z|A|3H|A|0|0|0|0|S|7|17|I|1V|7|2C|7|3G|E|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|R|$]]

Basically nothing. At some point during GWT's lifecycle the whole DOM related code was rewritten into the <code>dom</code> package. In the new package for each HTML tag a specific Element class is available, like <code>DivElement</code> to provide specific methods for these tags. For example in you example if you would use it to look up div elements you could directly use the <code>DivElement</code>. The code would for both versions look as follows:

<pre><code>DivElement divID = (DivElement) Document.get().getElementById("divID");
</code></pre>

or

<pre><code>DivElement divID = (DivElement) DOM.getElementById("divID").cast();
</code></pre>

To be backward compatible the old code was kept. All Widget classes use the old <code>Element</code> class which is also returned by <code>DOM.getElementById</code>. The old <code>Element</code> class was changed and extends the new <code>Element</code> class, without any extra's. So they are basically the same. In general you should just use the <code>Document.get()</code>. This all can make it somewhat confusing when working with elements.

blocks|key|2942513|text|看：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2942514|在com.google.gwt.dom.client.Document中|offset|length|style|CODE|2942515|public+final+native+Element+getElementById(String+elementId)+/*-{
++++return+this.getElementById(elementId);
}-*/;|code-block|syntax|javascript|2942516|在com.google.gwt.user.client.DOM中|2942517|public+static+Element+getElementById(String+id)+{
++++return+Document.get().getElementById(id).cast();
}|2942518|所以这只是一个“方便包装的方法”。|2942519|但是，尽管它们都返回来自不同包的Element+--这些ara+Elements，而且由于两个Element都是JavaScriptObject，并且意味着相同，但是您可以使用java强制转换语法()或使用方便的方法JavaScriptObject.<T+extends+JavaScriptObject>+cast()在它们之间进行忽略继承层次结构的转换。|2942520|顺便说一句。文档是JSO覆盖类型，因此“本机this”指向this+;)|2942521|entityMap^0|0|1|Y|0|0|1|U|0|0|0|G|7|W|7|1B|7|1K|G|2Q|2|30|1G|0|M|4|T|4|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|13|8|@$D|14|E|15|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|16|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|17|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|18|8|@$D|19|E|1A|F|G]|$D|1B|E|1C|F|G]|$D|1D|E|1E|F|G]|$D|1F|E|1G|F|G]|$D|1H|E|1I|F|G]|$D|1J|E|1K|F|G]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1L|8|@$D|1M|E|1N|F|G]|$D|1O|E|1P|F|G]]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|X|$]]

Look:

in <code>com.google.gwt.dom.client.Document</code>

<pre><code>public final native Element getElementById(String elementId) /*-{
 return this.getElementById(elementId);
}-*/;
</code></pre>

in <code>com.google.gwt.user.client.DOM</code>

<pre><code>public static Element getElementById(String id) {
 return Document.get().getElementById(id).cast();
}
</code></pre>

So it's just a "convenience wrapper method".

But although they both return <code>Element</code> these ara <code>Element</code>s from different packages, and as both <code>Element</code>s are <code>JavaScriptObject</code> and mean the same you can cast between them ignoring inheritance hierarchy either with java cast syntax <code>()</code> or with convenience method <code>JavaScriptObject.&lt;T extends JavaScriptObject&gt; cast()</code>

Btw. Document is JSO overlay type so "native <code>this</code>" points at <code>this</code> ;)

<code>GWT</code> offers two ways of retrieving an HTML element by its unique <code>ID</code>.

What's the diference (if there is one) between :

<ul>
<li>DOM.getElementById("divID") :</li>
</ul>

<blockquote>
 Gets the element associated with the given unique id within the entire
 document.
 
 @param id the id whose associated element is to be retrieved 
 @return the associated element, or null if none is found
</blockquote>

<ul>
<li>Document.get().getElementById("divID") :</li>
</ul>

<blockquote>
 Returns the Element whose id is given by elementId. If no such element exists, returns null. Behavior is not defined if more than one
 element has this id.
 
 @param elementId the unique id value for an element 
 @return the matching element
</blockquote>

Difference between getElementById methods from DOM and Document classes

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

GWT提供了通过其唯一的ID检索HTML元素的两种方法。(如果有)之间的差异是什么？DOM.getElementById("divID") :获取与整个文档中给定的唯一id关联的元素。@param id是要检索其关联元素的id@返回关联元素，如果找不到任何元素，则返回nullDocument.get().getElem...

问DOM和文档类中getElementById方法的区别
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问DOM和文档类中getElementById方法的区别EN