blocks|key|2213964|text|getElementsByTagName并不新鲜。根据IE5、FF1和Opera7(根据w3schools+)提供的支持|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2213965|编辑谢谢你指出这一点。这确实是支持自歌剧7。|2213966|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/HTMLDOM/dom_obj_document.asp^0|18|9|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

getElementsByTagName is not new. It is supported since IE5, FF1 and Opera 7 according to <a href="http://www.w3schools.com/HTMLDOM/dom_obj_document.asp" rel="noreferrer">w3schools</a>

[edit]
Thanks for pointing this out. It was indeed supported since Opera 7.

blocks|key|2213866|text|如前所述，getElementsByTagName并不是新的.|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2213867|我想你会得到大约10个关于jQuery的引用。|offset|length|2213868|返回所有段落元素：|2213869|$('p').length|code-block|syntax|javascript|2213870|如果19+4kb太大，而且您只想进行元素选择，那么像口吻这样的东西在大约4kb时工作得很好。我要注意的唯一一点是，您可能最终会需要一些jQuery中的东西。|2213871|http://sizzlejs.com/|2213872|查询非常类似：|2213873|Sizzle("li");+|2213874|19+of是一个非常小的一次性价格支付的权力的jQuery。|2213875|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/|1|2^0|0|D|6|0|0|0|0|Q|2|1|0|0|K|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@$D|18|E|19|1|1A]]|A|$]]|$1|F|3|G|5|6|7|1B|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|1C|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|O|3|P|5|6|7|1H|8|@]|9|@$D|1I|E|1J|1|1K]]|A|$]]|$1|Q|3|R|5|6|7|1L|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1M|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1N|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]|14|$5|Z|10|11|A|$12|P]]|15|$5|Z|10|11|A|$12|P]]]]

As mentioned, getElementsByTagName is not new...

I think you're going to get about 10 references to <a href="http://jquery.com" rel="nofollow noreferrer">jQuery</a>.

Returns all the paragraph elements:

<pre><code>$('p').length
</code></pre>

If 19kb is too big, and you just want to do element selection, something like <a href="http://sizzlejs.com/" rel="nofollow noreferrer">sizzle</a> works well, at about 4kb. The only thing I would note is that you're probably going to end up needing something that's in jQuery anyway. 

<a href="http://sizzlejs.com/" rel="nofollow noreferrer">http://sizzlejs.com/</a>

Queries are very similar:

<pre><code>Sizzle("li"); 
</code></pre>

19kb is a really small one-time price to pay for the power of jQuery.

blocks|key|2213908|text|如果您想要做的只是选择元素，那么只使用full选择器引擎而不是一个完整的库可能是明智的。我会使用完整的库，但是，在有限的情况下，使用选择器引擎可能是有用的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2213909|that是为jQuery提供动力的CSS选择器引擎。|2213910|http://sizzlejs.com/|offset|length|2213911|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|K|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

If all you want to do is select elements, it may be smart to just use the sizzle selector engine and not a full blown library. I would go with the full library, but, going with a selector engine might be useful in limited circumstances.

Sizzle is the CSS selector engine that powers jQuery.

<a href="http://sizzlejs.com/" rel="nofollow noreferrer">http://sizzlejs.com/</a>

blocks|key|2213889|text|或者原型，等等，您需要使用这些javascript胶水库中的一个来实现这一点。如果函数存在，它们都会调用该函数，但否则就会伪造它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2213890|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Or prototype, etc. You'll need to use one of these javascript glue libraries to achieve this. All of them will call this function if it exists, but fake it otherwise.

blocks|key|2214058|text|下面是一个基于jQuery+1.12.4实现的实现。如果可用的话，它使用getElementsByTagName。如果没有，则使用querySelectorAll+(如果可用)。如果没有，则返回递归遍历。jQuery+1.12.4支持较旧的浏览器，如IE6，根据他们自己的说法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2214059|function+getElementsByTagName(+node,+tagName+)+{
++if+(tagName+==+'*')+{
++++tagName+=+undefined;
++}
++var+merge+=+function(+first,+second+)+{
++++++++var+len+=+%2Bsecond.length,
++++++++++++j+=+0,
++++++++++++i+=+first.length;

++++++++while+(+j+<+len+)+{
++++++++++++first[+i%2B%2B+]+=+second[+j%2B%2B+];
++++++++}

++++++++//+Support:+IE<9
++++++++//+Workaround+casting+of+.length+to+NaN+on+otherwise+arraylike+objects+(e.g.,+NodeLists)
++++++++if+(+len+!==+len+)+{
++++++++++++while+(+second[+j+]+!==+undefined+)+{
++++++++++++++++first[+i%2B%2B+]+=+second[+j%2B%2B+];
++++++++++++}
++++++++}

++++++++first.length+=+i;

++++++++return+first;
++++},
++++nodeName+=+function(+elem,+name+)+{
++++++++return+elem.nodeName+&&+elem.nodeName.toLowerCase()+===+name.toLowerCase();
++++},
++elems,+elem,
++++i+=+0,
++context+=+node,
++tag+=+tagName,
++++found+=+typeof+context.getElementsByTagName+!==+"undefined"+?
++++++++context.getElementsByTagName(+tag+%7C%7C+"*"+)+:
++++++++typeof+context.querySelectorAll+!==+"undefined"+?
++++++++++++context.querySelectorAll(+tag+%7C%7C+"*"+)+:
++++++++++++undefined;

++++if+(+!found+)+{
++++++++for+(+found+=+[],+elems+=+context.childNodes+%7C%7C+context;
++++++++++++(+elem+=+elems[+i+]+)+!=+null;
++++++++++++i%2B%2B
++++++++)+{
++++++++++++if+(+!tag+%7C%7C+nodeName(+elem,+tag+)+)+{
++++++++++++++++found.push(+elem+);
++++++++++++}+else+{
++++++++++++++++merge(+found,+getElementsByTagName(+elem,+tag+)+);
++++++++++++}
++++++++}
++++}

++return+found;
/*++return+tag+===+undefined+%7C%7C+tag+&&+nodeName(+context,+tag+)+?
++++++++merge(+[+context+],+found+)+:
++++++++found;*/
}|code-block|syntax|javascript|2214060|我使用了getAll()+jQuery+1.12.4的内部函数，并复制了它需要的两个助手函数(jQuery.nodeName和jQuery.merge)。我还确保您可以通过在函数的顶部添加几行代码来将其称为"*“作为tagName。最后，在函数的末尾，我注释掉了一些功能，它将当前节点添加到结果(如果匹配的话)，并简单地返回找到的节点。|2214061|请注意，函数在某些情况下返回HTMLCollection，而在其他情况下则返回数组。还请注意，当"*“作为标签名传递时，输出取决于浏览器:+Element.prototype.getElementsByTagName不返回TextNodes，但递归遍历返回。|2214062|或者，您可以使用picoQuery。picoQuery是jQuery的一个实现，您可以在其中选择在线构建器中需要的方法。在这种情况下，您不需要任何方法，因为选择是核心的一部分，而且构建只有1kb的gzipped。picoQuery是为现代浏览器编写的，但对于较旧的浏览器则返回到jQuery+1.12.4。|2214063|entityMap|0|LINK|mutability|MUTABLE|url|https://blog.jquery.com/2014/04/02/browser-support-in-jquery-1-12-and-beyond/|1|http://picoquery.com/^0|3N|4|0|0|0|0|0|8|9|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]]|C|$]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|X]]]]

Here is an implementation based on the jQuery 1.12.4 implementation. It uses getElementsByTagName if available. If not, it uses querySelectorAll if available. If not, it falls back on recursively traversal. jQuery 1.12.4 supports older browsers, such as IE6, according to <a href="https://blog.jquery.com/2014/04/02/browser-support-in-jquery-1-12-and-beyond/" rel="nofollow">themselves</a>.

<pre><code>function getElementsByTagName( node, tagName ) {
 if (tagName == '*') {
 tagName = undefined;
 }
 var merge = function( first, second ) {
 var len = +second.length,
 j = 0,
 i = first.length;

 while ( j &lt; len ) {
 first[ i++ ] = second[ j++ ];
 }

 // Support: IE&lt;9
 // Workaround casting of .length to NaN on otherwise arraylike objects (e.g., NodeLists)
 if ( len !== len ) {
 while ( second[ j ] !== undefined ) {
 first[ i++ ] = second[ j++ ];
 }
 }

 first.length = i;

 return first;
 },
 nodeName = function( elem, name ) {
 return elem.nodeName &amp;&amp; elem.nodeName.toLowerCase() === name.toLowerCase();
 },
 elems, elem,
 i = 0,
 context = node,
 tag = tagName,
 found = typeof context.getElementsByTagName !== "undefined" ?
 context.getElementsByTagName( tag || "*" ) :
 typeof context.querySelectorAll !== "undefined" ?
 context.querySelectorAll( tag || "*" ) :
 undefined;

 if ( !found ) {
 for ( found = [], elems = context.childNodes || context;
 ( elem = elems[ i ] ) != null;
 i++
 ) {
 if ( !tag || nodeName( elem, tag ) ) {
 found.push( elem );
 } else {
 merge( found, getElementsByTagName( elem, tag ) );
 }
 }
 }

 return found;
/* return tag === undefined || tag &amp;&amp; nodeName( context, tag ) ?
 merge( [ context ], found ) :
 found;*/
}
</code></pre>

I took the getAll() internal function of jQuery 1.12.4 and copied in the two helper functions it needs (jQuery.nodeName and jQuery.merge). I also made sure you can call it with "*" as tagName by adding a few lines in the top of the function. Finally, at the end of the function I commented out some functionality, which adds current node to result (if it matches), and simply returns the found nodes.

Be aware that the function in some cases returns an HTMLCollection, and in other circumstances returns an Array. Also beware that when "*" is passed as tagname, output differs depending on browser: The Element.prototype.getElementsByTagName does not return TextNodes, but the recursive traversal does.

Alternatively, you could use <a href="http://picoQuery.com" rel="nofollow">picoQuery</a>. picoQuery is an implementation of jQuery, where you can select which methods you need in an online builder. in this case, you need no methods, as selection is part of core, and the build is only 1kb gzipped. picoQuery is written for modern browsers, but falls back to jQuery 1.12.4 for older browsers.

Since the getElementsByTagName() function is new (DOM-1?) I wanted another more reliable method to get a reference to an element based on its tag name/id.

Edit- Without using a framework, since I need to cut down on size; so 10-20K for a framework is unacceptable. I just need the JS code that can fetch an element

Alternative to getElementsByTagName

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

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

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

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

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

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

社区新版编辑器体验调研

因为getElementsByTagName()函数是新的(DOM-1?)我想要另一种更可靠的方法，根据元素的标记名称/id获取元素的引用。编辑-没有使用框架，因为我需要减少规模；所以10-20K的框架是不可接受的。我只需要可以获取元素的JS代码

问替代getElementsByTagName
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问替代getElementsByTagNameEN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问替代getElementsByTagName
EN