封装获取元素方法2021/3/13 23:53:17Chixm89 阅读0 点赞0 评论 #获取元素 #封装JAVASCRIPT复制var div = document.querySelector('div'); // 封装 function $(str){ var div = document.querySelector(str); return div; } // 简化 // 去掉变量，直接返回 function $(str){ return document.querySelector(str); } HTML复制<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; border: 1px solid red; } </style> </head> <body> <div></div> <script> function $(str){ return document.querySelector(str); } $('div').style.backgroundColor = 'yellow'; </script> </body> </html> 点赞 文章二维码 复制分享链接
JAVASCRIPT复制var div = document.querySelector('div'); // 封装 function $(str){ var div = document.querySelector(str); return div; } // 简化 // 去掉变量，直接返回 function $(str){ return document.querySelector(str); } HTML复制<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; border: 1px solid red; } </style> </head> <body> <div></div> <script> function $(str){ return document.querySelector(str); } $('div').style.backgroundColor = 'yellow'; </script> </body> </html>
评论区