- 时间:2020-02-11 18:23 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:一些常用且实用的原生JavaScript函数
css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结, 你还可以前往兰芝博客, 查看由淘宝UED整理的前端tips: http://www.12sui.cn/category/css/.
1. document.getElementById的简写: [url=http://www.1sucai.cn/article/24762.htm]http://www.1sucai.cn/article/24762.htm[/url];
2. getElementsByTagName的简写方式: [url=http://www.1sucai.cn/article/24026.htm]http://www.1sucai.cn/article/24026.htm[/url];
3. 原生JavaScript中获取元素索引的函数: [url=http://www.1sucai.cn/article/24763.htm]http://www.1sucai.cn/article/24763.htm[/url];
4. 替代window.onload,可多次调用的加载函数:
[url=http://mrthink.net/javascript-common-function-tip/]http://mrthink.net/javascript-common-function-tip/[/url]
$()
function $() {
var elements = [];
for (var i = 0; i < arguments.length; i++) {
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
toggle()
用来显示或隐藏一个DOM元素。
function toggle(obj) {
var el = document.getElementById(obj);
el.style.display=(el.style.display !="none"?"none":"")
}