本篇文章主要是對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>