課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
我讓獲取得到的id值給了x，然后我想在頁面里呈現(xiàn)id值（也就是con）。我原碼直接寫x，但是效果顯示出來是[obeject HTMLDivElement]。。這是為何呢？
2016-10-11
源自：JavaScript進階篇 9-9
正在回答
瀏覽器性能不同，firstChild包括了空白文本，現(xiàn)在普遍用的是firstElementChild和lastElementChild,這樣是除了空白文本以外的內(nèi)容，你可以試一試
首先說一下，你的代碼寫的很認真，也規(guī)整，調(diào)整前、調(diào)整后都分別注釋，向你學習。
然后我把你的代碼拷出來運行了一下，效果如下：
兩個問題，先說第二個，就是那個 undefined，這是你粗心了：
document.write(x+"的最后一個子節(jié)點是："+x.lastChild.nodeNam+"<br?/>");?//?.nodeNam
.nodeNam 少了一個 e，小問題。
然后第一個，也就是你問的問題，先解釋一下，
var?x=document.getElementById("con");?//?x?為?id?為?con?的元素對象
這里 x 是一個元素對象，id 值為 con，所以你直接引用 x ，打印出來的結(jié)果就是?[obeject HTMLDivElement]，說明 x 是一個 html 的 div 元素，這沒有錯，如果你想顯示為 id 的值 con，有兩個辦法：
//?第一種，?x.getAttribute("id")，獲取屬性?id?的值 document.write(x.getAttribute("id")?+"的第一個子節(jié)點是："+x.firstChild.nodeName+"<br?/>"); //?第二種，x.id，直接調(diào)用屬性?id?的值 document.write(x.id+"的最后一個子節(jié)點是："+x.lastChild.nodeNam+"<br?/>");
以上兩種方法都可以。
慕粉4340077
舉報
本課程從如何插入JS代碼開始，帶您進入網(wǎng)頁動態(tài)交互世界
5 回答為什么我的輸出沒效果，頁面不顯示值
1 回答在頁面中沒有顯示
3 回答頁面跳轉(zhuǎn)，為啥沒效果
1 回答為什么沒有顯示出效果
2 回答提示正確，卻顯示沒效果，為什么
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-11-21
瀏覽器性能不同，firstChild包括了空白文本，現(xiàn)在普遍用的是firstElementChild和lastElementChild,這樣是除了空白文本以外的內(nèi)容，你可以試一試
2016-10-12
首先說一下，你的代碼寫的很認真，也規(guī)整，調(diào)整前、調(diào)整后都分別注釋，向你學習。
然后我把你的代碼拷出來運行了一下，效果如下：
兩個問題，先說第二個，就是那個 undefined，這是你粗心了：
.nodeNam 少了一個 e，小問題。
然后第一個，也就是你問的問題，先解釋一下，
var?x=document.getElementById("con");?//?x?為?id?為?con?的元素對象這里 x 是一個元素對象，id 值為 con，所以你直接引用 x ，打印出來的結(jié)果就是?[obeject HTMLDivElement]，說明 x 是一個 html 的 div 元素，這沒有錯，如果你想顯示為 id 的值 con，有兩個辦法：
//?第一種，?x.getAttribute("id")，獲取屬性?id?的值 document.write(x.getAttribute("id")?+"的第一個子節(jié)點是："+x.firstChild.nodeName+"<br?/>"); //?第二種，x.id，直接調(diào)用屬性?id?的值 document.write(x.id+"的最后一個子節(jié)點是："+x.lastChild.nodeNam+"<br?/>");以上兩種方法都可以。