来自 新葡亰运维 2019-11-27 16:48 的文章
当前位置: 澳门新葡亰app > 新葡亰运维 > 正文

3. 原生JavaScript中拿到成分索引的函数

css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结, 你还可以前往兰芝博客, 查看由淘宝UED整理的前端tips: . 1. document.getElementById的简写: //www.jb51.net/article/24762.htm; 2. getElementsByTagName的简写方式: //www.jb51.net/article/24026.htm; 3. 原生JavaScript中获取元素索引的函数: //www.jb51.net/article/24763.htm; 4. 替代window.onload,可多次调用的加载函数: 复制代码 代码如下: function iLoad { var oLoad=window.onload; if(typeof window.onload!='function'){ window.onload=func; }else{ window.onload=function; } } } 5. 获取下一个元素节点: 复制代码 代码如下: function nextElem{ if return node; if return nextElem; return null; } 6. 获取上一个元素节点: 复制代码 代码如下: function prevElem{ if{ return node; }else if{ return nextElem; }else{ return null; } } 7. 原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法,怎么办?用如下函数实现: 复制代码 代码如下: function insertAfter{ var parElem=refChild.parentNode; if(parElem.lastChild==refChild){ refChild.appendChild; }else{ parElem.insertBefore(newChild,refChild.nextSibling); } } 8. 为元素添加样式[记住是添加不是替换,相当于jQuery中的addClass]: 复制代码 代码如下: function addClass{ if{ elem.className=value; }else{ var oValue=elem.className; oValue+=" "; oValue+=value; elem.className=oValue; } } 9. 获取元素的样式: 复制代码 代码如下: function getStyle{ var elem=$; var realStyle=null; if{ realStyle=elem.currentStyle[stylename]; }else if(window.getComputedStyle){ realStyle=window.getComputedStyle[stylename]; } return realStyle; }

  1. 兼容事件绑定: 复制代码 代码如下: function addEventSamp{ if { obj.addEventListener; }else if{ obj.attachEvent; } } 11. 移除事件 复制代码 代码如下: function removeEventSamp{ if(obj.removeEventListener){ obj.removeEventListener; }else if{ obj.detachEvent; } } 12. 检测样式 复制代码 代码如下: function hasClass{ var reg = new RegExp' + className + '; return element.className.match; } 13. 删除样式 复制代码 代码如下: function removeClass{ if (hasClass { var reg = new RegExp' + className + '; element.className = element.className.replace; } } 原文发布于Mr.Think的博客: $() 复制代码 代码如下: function $() { var elements = []; for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; if (typeof element == 'string') element = document.getElementById; if (arguments.length == 1) return element; elements.push; } return elements; } toggle() 用来显示或隐藏一个DOM元素。 复制代码 代码如下: function toggle { var el = document.getElementById; el.style.display=(el.style.display !="none"?"none":"") }

本文由澳门新葡亰app发布于新葡亰运维,转载请注明出处:3. 原生JavaScript中拿到成分索引的函数

关键词: