當前位置：
首頁 >
getElementsByclassName
發布時間：2025/5/22
19
豆豆
生活随笔
收集整理的這篇文章主要介紹了
getElementsByclassName
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
通過classu獲取到一組元素，獲取到的是一個類數組; * 主語
* document 從整個文檔中去獲取class元素
* 父級 從父級去獲取class元素
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><script>window.οnlοad=function(){var greens=document.getElementsByClassName("green");console.dir(greens);var color=document.getElementById('color');var greens1=document.getElementsByClassName('green');console.log(greens1);}</script> </head> <body> <ul id="color"><li>red</li><li class="green">green</li><li>blue</li><li>yellow</li><li>pink</li> </ul> <ul><li>red</li><li class="green">green</li><li>blue</li><li>yellow</li><li>pink</li> </ul> </body> </html>
* document 從整個文檔中去獲取class元素
* 父級 從父級去獲取class元素
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><script>window.οnlοad=function(){var greens=document.getElementsByClassName("green");console.dir(greens);var color=document.getElementById('color');var greens1=document.getElementsByClassName('green');console.log(greens1);}</script> </head> <body> <ul id="color"><li>red</li><li class="green">green</li><li>blue</li><li>yellow</li><li>pink</li> </ul> <ul><li>red</li><li class="green">green</li><li>blue</li><li>yellow</li><li>pink</li> </ul> </body> </html>
轉載于:https://www.cnblogs.com/cqq-20151202/p/6638038.html
總結
以上是生活随笔為你收集整理的getElementsByclassName的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 英语学习方法有很多，不同的人有不同的看法
- 下一篇： 孩子能听懂指令但表达不出来