代码描述:JavaScript判断指定元素 具有class样式类。JavaScript判断指定元素具有class样式类代码实例
使用jQuery实现此功能非常的简单,具体可以参阅jQuery如何判断指定元素是否具有指定的class样式类一章节。 下面就介绍如何利用原生JavaScript实现此功能。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style> #box{ width:200px; height:50px; text-align:center; line-height:50px; } .border{ border:5px solid blue; } .bg{ background:red; } </style> <script> window.onload=function(){ var obox=document.getElementById("box"); var obt=document.getElementById("bt"); obt.onclick=function(){ var searchClass="bg"; var className=obox.getAttribute("class"); var pattern=new RegExp("(^|\\\\s)"+searchClass+"(\\\\s|$)"); if(pattern.test(className)){ obox.innerHTML="存在指定的样式类"; } else{ obox.innerHTML="不存在指定的样式类"; } } } </script> </head> <body> <div id="box" class="border bg"></div> <input type="button" id="bt" value="隐藏元素"/> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能