我们写javascript的时候经肯定会经常用到 document.getElementById() 这个方法,这么长一串很容易写错,而且其中getElementById又有大小写之分。
其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现document.getElementById('id') 这个功能,怎么样,很爽吧!
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;
}
而且这个函数更爽的是,如果你想它提交一个带多个id的数组后,他也会向你返回多个元素的Array!
<转自:http://www.cnitblog.com/yemoo/archive/2006/07/03/13163.aspx>
分享到:
相关推荐
在JavaScript编程中,获取页面中特定元素的方法之一是使用`document.getElementById`。这是原生JavaScript提供的一个非常重要的API,它通过元素的ID来获取元素。然而,随着前端开发的进展和代码的演变,开发人员开始...
当你尝试使用 `document.getElementById` 方法获取一个HTML元素时,如果该元素在当前文档中不存在,JavaScript 将抛出 `TypeError: document.getElementById(...) is null` 的错误。这个错误意味着你试图访问的ID...
`document.getElementById`是一个基本且常用的DOM操作方法,用于根据元素的ID获取页面上的指定元素。在本文中,我们将探讨两种不同的简写方式以及它们在不同浏览器中的兼容性问题。 首先,让我们来看两种常见的简写...
需要注意的是,虽然这种简写方式在某些情况下方便快捷,但它可能会导致代码可读性下降,特别是当读者不熟悉这种技巧时。在实际开发中,为了代码的清晰性和可维护性,可能更倾向于使用传统的 `if...else` 语句。 总...
在实际项目中,为了代码的可维护性和可扩展性,可能会将这些逻辑封装成函数或者使用jQuery的`$(document).ready()`和`.on('click', function(){...})`方法。同时,为了提供更好的用户体验,还可以添加过渡动画效果,...
根据给定的信息,我们可以整理出一系列与JSP相关的实用技巧及JavaScript的基础操作方法。下面将对这些技巧进行详细的解释和扩展。 ### JSP技巧收集——超多超赞的JSP实用小技巧 #### 标题解析 - **JSP**: Java ...
DOM(Document Object Model)是文档对象模型的缩写,它提供了访问和操作文档内容的方法。基本结构为:`window` 对象包含了多个属性,如 `navigator`, `screen`, `history`, `location`, `document` 等。其中,`...
$()方法是在DOM中使用过于频繁的document.getElementById()方法的一个便利的简写。这个方法返回参数传入的id的那个元素。比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数,然后$()返回一个带有所有要求的...
在Web开发中,JavaScript(简称JS)是实现网页交互性的核心语言之一。然而,由于不同的浏览器对于JS标准的支持程度有所差异,这往往会导致跨浏览器兼容性问题的出现。IE(Internet Explorer)与Firefox作为曾经及...
"min.js"是"minified JavaScript"的缩写,意味着代码已经过删除不必要的字符(如空格、换行符和注释)以减小文件大小,提高页面加载速度。在实际项目中,开发者可能会使用诸如jQuery、AngularJS、Vue.js等流行库或...
1. **选中div**:使用`document.getElementById()`、`document.querySelector()`或`document.querySelectorAll()`方法选取需要移动的div元素。 2. **获取和设置位置**:使用`element.style.left`和`element.style....
el: document.getElementById('player'), src: 'http://example.com/your_flv_video.flv', isLive: true, // 如果是直播流,设置为true autoplay: true, // 是否自动播放 // 其他配置项... }); }, }; ``` ...
这种方法首先通过getElementById方法获取iframe元素的引用,然后通过访问其contentWindow属性获取iframe内部的window对象,最后通过内部window对象的document属性再次使用getElementById方法来访问内部元素。...
ctx.drawImage(document.getElementById(divId), 0, 0, canvas.width, canvas.height); // 转换为data URL var dataURL = canvas.toDataURL('image/png'); // 创建下载链接 var link = document....
插件中最常用的一个方法 _.$(id) 作用是返回由id指定的标签对象,document.getElementById(id)的简写形式 还有一个方法是 _.load(function) 类似于window.onload;但请注意写法,插件中function是作为方法的参数...
其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$(‘id’)来实现document.getElementById(‘id’) 这个功能,怎么样,很爽吧! 代码如下:function $() { var elements = new...
const passwordInput = document.getElementById('password'); passwordInput.addEventListener('keyup', function (event) { if (event.getModifierState('CapsLock')) { // 大写锁定已开启 } }); ``` 7. **...
总结起来,这个“JS图片转换广告(加载按钮切换)”项目通过结合JavaScript的事件处理和CSS的样式设计,实现了用户点击加载按钮时的图片动态切换效果。这种广告形式既简单又具有互动性,能有效吸引用户的注意力。在...
JavaScript库如jQuery或Vanilla JS可以提供更丰富的动画效果,如滑动、缩放等。 5. **关闭弹出层**:同样,我们需要一个关闭弹出层的功能。这可以通过添加一个关闭按钮或者监听Esc键实现。 ```javascript document...
在IT行业中,JavaScript(简称JS)是一种广泛应用于前端开发的脚本语言,它使得网页具有动态交互性。本文将深入探讨如何使用JS和HTML中的`div`元素来实现一个简单的“许愿墙”效果。 首先,我们需要理解`div`元素在...