如何查看JavaScript中的DOM結點

進修DOM結點是JavaScript中比力主要的一項內容, 它在html文檔中是一個樹形布局, 若何查看DOM下有幾個結點呢?讓我們一路看看具體的操作 。

需要這些哦
百度瀏覽器
UltraEdit編纂器
方式/
1起首是籌辦工作, 我們在UltraEdit編纂器里寫上代碼, 如下圖:

如何查看JavaScript中的DOM結點



2【如何查看JavaScript中的DOM結點】緊接著, 我們用百度瀏覽器打開html文件, 并按鍵盤上的F12, 同時點擊Console節制臺, 如下圖

如何查看JavaScript中的DOM結點



3然后, 在節制臺里寫上獲取html標簽的代碼, 并按回車鍵, 如下圖:

如何查看JavaScript中的DOM結點



4接下來, 點擊Sources和最右邊的加號, 并在文本框里寫上獲取DOM子節點的代碼, 如下圖:

如何查看JavaScript中的DOM結點



如何查看JavaScript中的DOM結點



5最后, 按下回車, 點擊箭頭所指的小三角, 列出了html的DOM子節點, 如下圖所示:

如何查看JavaScript中的DOM結點




以上內容就是如何查看JavaScript中的DOM結點的內容啦, 希望對你有所幫助哦!

    猜你喜歡