萬盛學電腦網 >> 腳本專題 >> javascript >> javascript通過className來獲取元素的簡單示例代碼
javascript通過className來獲取元素的簡單示例代碼
本篇文章主要是對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>javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved