Home > 技術 > NodeList[0]とNodeList.item(0)では戻り値が違う

• Newer
• Older

NodeList[0]とNodeList.item(0)では戻り値が違う

• 2008-11-17 (月)
• 技術

getElementsByTagNameとかで取得したNodeListから参照したいエレメントを削除して、それから中身を見ようとした場合elems.item(0)とelems[0]では戻り値が違う。
まぁ当たり前といっちゃ当たり前かもしれない。

item(0)は関数で指定したノードがない場合にnullを返す、[0]は直接NodeListを見に行ってそこに定義がないからundefinedかな。

<script type="text/javascript"> //![CDATA[ window.onload = function(){ var elems = document.getElementsByTagName("p"); var parent = elems.item(0).parentNode; parent.removeChild(document.getElementById("hoge")); console.log(elems.item(0), elems[0]); // null undefined } //]] </script> <div id="wrap"> <p id="hoge">hogehoge</p> </div>

とはいっても、

var hoge = null; if(hoge == undefined) alert("yes"); // yes

これはちゃんと通るから、大丈夫かな。

var hoge = null; if(!hoge) alert("yes"); // yes

このほうが無難かも。

一応DOMの規定では配列のようにアクセスしても、item関数経由でアクセスしてもいいみたいです。

NodeListをforinするとわ～お

ちなみにNodeListをforinとかで回すとえらいことになる可能性があるので、注意が必要です。

var elems = document.getElementsByTagName("p"); for(var i in elems){ console.log(elems[i]); }

これだと欲しいエレメントのpタグ以外に

• length
• item()
• namedItem()

が取れちゃうから。
なので、普通にfor文で回したほうがよいですね。

var elems = document.getElementsByTagName("p"); for(var i=0,len=elems.length; i<len; i++){ console.log(elems.item(i)); }

高速化するなら

NodeListやHTMLCollectionに直接アクセスするより、一旦静的な配列にしたほうが速い - 素人がプログラミングを勉強するブログ

一旦配列に突っ込んだほうが速いようです。
意外や意外！

• Newer: FirebugのmonitorEventsでイベント丸見え
• Older: ブラウザごとのJavaScriptアニメーション比較

Trackback:0

TrackBack URL for this entry

http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1136

Listed below are links to weblogs that reference

NodeList[0]とNodeList.item(0)では戻り値が違う from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > NodeList[0]とNodeList.item(0)では戻り値が違う

Search

HouseTect, JavaScriptな情報をあなたに内の検索

Ads

書いてる人について

author：hisasann.com
lab : lab.hisasann.com
twitter : フォローミー
facebook : Hisa Yoshi

Javascriptをメインに使っているプログラマーの技術ブログです。ちょっぴりアートでちょっぴりオモシロイものを作ってます。
記事の内容はjQuery、jQueryMobile、HTML5、CSS3などなど…

是非こちらからRSSの登録をお願いいたします！
損はさせないぜっ！

• RSS Feedを登録する

作ったもの :

• products

他に運営しているサイト：

• NoTechnoNoLife, フェティッシュな情報をあなたに
• DigitalGrounder, クリエイティブな情報をあなたに

人気のエントリー

JavaScript本

誰もが通る道… それはサイ本。

JavaScriptだけでなく、CSSやフロントエンドのパフォーマンスアップがぎっしりと詰まっててすばらしい良書です。

執筆されたのは結構前なのですが、いろいろなJavaScriptの手法が書いてあるステキな本。特にJohn ResigがjQueryの初期を制作しているときの本なので、英語ですがコードだけでも追うと面白いと思います。

書評 - jQuery Mobileポケットリファレンスで書評を書きました。

Recent Entries

• Vimをちゃんと使い始めてみる
• さくらVPSでnginxをインストールしたときのメモ
• 書評 - jQuery Mobileポケットリファレンス
• iDance - Thank you Steve.
• さくらVPSにApacheをインストールする方法
• さくらVPSを使うときの初期設定メモ
• jQueryMobileのXSSに関する調査メモ
• jQueryMobileのかゆいところに手が届くお作法メモ
• jQueryMobileを使ってのスマートフォンサイトの構築メモ
• 新しいMacbook Proにインストールしたものメモ Part2

Tag cloud

ActionScript addon Ads Ajax Algorithm Amazing Android Anime Apache AppleScript Application Aptana baby Blog Bloger BlogParts Book Book Review Bookmark Bookmarklet bot Box2d browser Camera Canvas Catalyst Chrome CM Communication Cool CPAN CSS CSS3 DB design Dinner DJ DOM DS Eclipse Editor Electro Emulator Engineer English Firebug Firefox Flash Flex Flickr Food Freesoft Funny Gadget Game Geek Generator git Google Google Wave GoogleAnlytics Greasemonkey Grow Hacker Haml hatena HTML HTML5 iBatis IDE Idea IE IE6 IE7 IE8 Image ImageMagick Interface iPad iPhone iPod IT Item iTunes Java JavaScript jQuery jQueryMobile jsDeferred JsUnit Keyboard Lanch Language LifeHack Lightbox Mac MacBookPro MacPorts Mash-up MeCab Mobile Monitor MOO Motivation Movalble Type Movie Music MySql Netscape News nginx Nikki node.js OpenSource Opera Oracle Papervision3D Pasta PC Perl Photoshop PHP PL/SQL Plugin Presentation Program Progression prototypeJS Python QUnit Ramen Rhino RSS Ruby Ruby On Rails Safari Sakura Sanitizing Search Seasar2 Security SEO Shell Shortcut Sinatra Skill Smartphone SMO SNS Spring SQL SSH SSL Struts SVN Test TextMate Tomcat Tool Tumblr Twitter Unix Vim Vista VMware VPS Web Web2.0 Webkit WebService Wii Wiki Windows Word WordPress Work Workshop WTP XAMPP XCode XMLHttpRequest2 XSS XUL Yahoo YouTube YUI Zen-Coding

カテゴリー

• Firefox
• Lifehack
• Mac
• News
• Photoshop
• Web
• アイテム
• ガジェット
• ゲーム
• サービス
• デザイン
• ブログ
• 技術
• 映像
• 本
• 画像
• 考え方
• 言葉
• 雑記

月別アーカイブ

月を選択 2012年1月 2011年10月 2011年7月 2011年6月 2011年2月 2011年1月 2010年12月 2010年11月 2010年10月 2010年9月 2010年8月 2010年6月 2010年5月 2010年3月 2010年2月 2010年1月 2009年12月 2009年11月 2009年10月 2009年9月 2009年8月 2009年7月 2009年6月 2009年5月 2009年4月 2009年3月 2009年2月 2009年1月 2008年12月 2008年11月 2008年10月 2008年9月 2008年8月 2008年7月 2008年6月 2008年5月 2008年4月 2008年3月 2008年2月 2008年1月 2007年12月 2007年11月 2007年10月 2007年9月 2007年8月 2007年7月 2007年6月 2007年5月

Powered by

Powered by
Movable Type Commercial 4.261