檢測數(shù)據(jù)類型typeof的一個易錯點(diǎn)

切記 1怪濉O髌怼猜敢!typeof返回的值是一個字符串5谠!校翔!
出錯的代碼:

<body>
<ul id="uu">
    <li>第一個</li>
    <li>第二個</li>
    <li>第三個</li>
    <li>第四個</li>
    <li>第五個</li>
</ul>
 
<script src="common.js"></script>
 
<script>
    //IE8獲取節(jié)點(diǎn)的代碼變成了獲取元素唇撬,獲取元素的返回undefined   所以要有兼容代碼
 
    //以獲取第一和最后一個子元素為例
 
    //獲取任意父元素的第一個子元素
    function getFirstElementChildByParent(element) {
        if (typeof element.firstElementChild != undefined) {
            //切記typeof返回的是字符串,所以我之前undefined沒加引號展融,一直有問題,因?yàn)?undefined"!=undefined肯定是正確的
            return element.firstElementChild;
        } else {
            // return element.firstChild;
            //本來針對ie8這樣就夠了告希,但為了更嚴(yán)謹(jǐn)扑浸,比如有瀏覽器不識別firstElementChild,識別firstChild燕偶,但返回的又確實(shí)是第一個子節(jié)點(diǎn)
 
            var node = element.firstChild;
            while (node && node.nodeType != 1) {
                node = node.nextSibling;
            }
            return node;
        }
    }
    console.log(getFirstElementChildByParent(my$("uu")));
</script>

此段代碼為獲取子元素的兼容代碼喝噪,本來判斷一個屬性是否在瀏覽器中支持,是看它的類型是否是undefined指么,所以我寫了

typeof element.firstElementChild != undefined酝惧,但發(fā)現(xiàn)不支持的ie8也返回了true,難道undefined !=undefined不是false嗎伯诬?晚唇?然后去找了半天,也沒解決盗似,結(jié)果最后才發(fā)現(xiàn)typeof返回的數(shù)據(jù)類型的值是一個字符串傲ㄉ隆!赫舒!此時"undefined"!=undefined肯定一直是true悍及,這才恍然大悟。

所以正確的代碼應(yīng)為:typeof element.firstElementChild != "undefined"

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末接癌,一起剝皮案震驚了整個濱河市心赶,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌缺猛,老刑警劉巖缨叫,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異枯夜,居然都是意外死亡弯汰,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進(jìn)店門湖雹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來咏闪,“玉大人,你說我怎么就攤上這事摔吏「肷” “怎么了?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵征讲,是天一觀的道長据某。 經(jīng)常有香客問我,道長诗箍,這世上最難降的妖魔是什么癣籽? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上筷狼,老公的妹妹穿的比我還像新娘瓶籽。我一直安慰自己,他們只是感情好埂材,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布塑顺。 她就那樣靜靜地躺著,像睡著了一般俏险。 火紅的嫁衣襯著肌膚如雪严拒。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天竖独,我揣著相機(jī)與錄音裤唠,去河邊找鬼。 笑死预鬓,一個胖子當(dāng)著我的面吹牛巧骚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播格二,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼劈彪,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了顶猜?” 一聲冷哼從身側(cè)響起沧奴,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎长窄,沒想到半個月后滔吠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡挠日,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年疮绷,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嚣潜。...
    茶點(diǎn)故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡冬骚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出懂算,到底是詐尸還是另有隱情只冻,我是刑警寧澤,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布计技,位于F島的核電站喜德,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏垮媒。R本人自食惡果不足惜舍悯,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一航棱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧贱呐,春花似錦丧诺、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽抗愁。三九已至馁蒂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蜘腌,已是汗流浹背沫屡。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留撮珠,地道東北人沮脖。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像芯急,于是被迫代替她去往敵國和親勺届。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line)娶耍,也就是一...
    悟名先生閱讀 4,149評論 0 13
  • 第3章 基本概念 3.1 語法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,128評論 0 21
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,237評論 0 4
  • 0. 寫在前面 當(dāng)你開始工作時免姿,你不是在給你自己寫代碼,而是為后來人寫代碼榕酒。 —— Nichloas C. Zak...
    康斌閱讀 5,326評論 1 42
  • 姊妹篇:《賴著的人》[http://www.reibang.com/p/84583b386d3f] 曾經(jīng)的驚鴻一...
    烏小四閱讀 1,402評論 12 18