document.getElementBy("id")与$("#id")有什么区别
时间：2021-12-02 10:40:07|栏目：JavaScript代码|点击： 次
下面简单介绍下：
第一个就是js中获取对象的方法,比较直接，如果一个页面有多个id，每次都要写这么长的document.getElementBy("id")
document.getElementBy("id")
document.getElementById的简写方式
function $()
{
var elements = new Array();
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;
}
function $(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);// W3C DOM
} else if (document.all && document.all(objectId)) {
return document.all(objectId);// MSIE 4 DOM
} else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];// NN 4 DOM.. note: this won't find nested layers
} else {
return false;
}
}
第二个就是jquery中获取id的方法
具体可以参考这篇文章
https://www.jb51.net/article/27617.htm
https://www.jb51.net/article/26702.htm
第一个就是js中获取对象的方法,比较直接，如果一个页面有多个id，每次都要写这么长的document.getElementBy("id")
复制代码 代码如下:
document.getElementBy("id")
document.getElementById的简写方式
个人比较推荐用prototype 中对document.getElementById的定义:
复制代码 代码如下:
function $()
{
var elements = new Array();
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;
}
你还可以用以下代码来定义:
复制代码 代码如下:
function $(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);// W3C DOM
} else if (document.all && document.all(objectId)) {
return document.all(objectId);// MSIE 4 DOM
} else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];// NN 4 DOM.. note: this won't find nested layers
} else {
return false;
}
}
第二个就是jquery中获取id的方法
具体可以参考这篇文章
https://www.jb51.net/article/27617.htm
https://www.jb51.net/article/26702.htm
上一篇：js学习笔记之class类、super和extends关键词
栏 目：JavaScript代码
下一篇：如何将一个String和多个String值进行比较思路分析
本文标题：document.getElementBy("id")与$("#id")有什么区别
本文地址：http://www.codeinn.net/misctech/185521.html
