DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript通過className來獲取元素的簡單示例代碼
javascript通過className來獲取元素的簡單示例代碼
編輯:JavaScript綜合知識     

 本篇文章主要是對javascript通過className來獲取元素的簡單示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

示例如下:    代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <script type="text/javascript"> //使用javascript通過className來獲取元素 function getElementsbyClassName(n){       var classElements=[],allElements=document.getElementsByTagName('*');       for(var i=0;i<allElements.length;i++){             if(allElements[i].className==n){                     classElements[classElements.length]=allElements[i];             }     }       return classElements; }     </script> <style type="text/css" > .shouye{     font-size:12px;     color:red; } </style> </head> <body> <div class="shouye" >張三</div> <script type="text/javascript"> var XX=getElementsbyClassName('shouye'); for(var i=0;i<XX.length;i++){         XX[i].className=""; } </script> </body> </html>  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved