`
echorenyuan
  • 浏览: 20493 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

document.getElementById()方法简写

阅读更多

在我们写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;
}
 
分享到:
评论

相关推荐

    document.getElementById的简写方式(获取id对象的简略写法)

    比如用_$(id)代替document.getElementById(id). 如果是纯粹的代替可以使用下面的代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 代码如下...

    TypeError document.getElementById(…) is null错误原因

    当你尝试使用 `document.getElementById` 方法获取一个HTML元素时,如果该元素在当前文档中不存在,JavaScript 将抛出 `TypeError: document.getElementById(...) is null` 的错误。这个错误意味着你试图访问的ID...

    各浏览器对document.getElementById等方法的实现差异解析

    `document.getElementById`是一个基本且常用的DOM操作方法,用于根据元素的ID获取页面上的指定元素。在本文中,我们将探讨两种不同的简写方式以及它们在不同浏览器中的兼容性问题。 首先,让我们来看两种常见的简写...

    javascript typeof id===’string’?document.getElementById(id):id解释 原创

    document.getElementById(id) : id; ``` 这是一个三元运算符的示例,也称为条件运算符。它的语法是 `condition ? expr1 : expr2`,如果 `condition` 为真(true),则表达式的结果为 `expr1`,否则为 `expr2`。 在...

    计算机的详细使用请查看增删改查

    var n1=document.getElementById("textfield").value; var n2=document.getElementById("textfield2").value; var result=parseFloat(n1)+parseFloat(n2); document.getElementById("textfield3").value=result;...

    btn 按钮切换

    在实际项目中,为了代码的可维护性和可扩展性,可能会将这些逻辑封装成函数或者使用jQuery的`$(document).ready()`和`.on('click', function(){...})`方法。同时,为了提供更好的用户体验,还可以添加过渡动画效果,...

    快速获取/设置iframe内对象元素的几种js实现方法

    这种方法首先通过getElementById方法获取iframe元素的引用,然后通过访问其contentWindow属性获取iframe内部的window对象,最后通过内部window对象的document属性再次使用getElementById方法来访问内部元素。...

    js在IE和Firefox不同之处

    为了解决这个问题,推荐使用`document.formName.elements["elementName"]`这一更为通用且符合W3C标准的方法来访问表单元素。 #### 2. 集合类对象问题 在IE中,可以使用括号`()`或方括号`[]`来获取集合类对象,例如...

    107 个js 基础

    DOM(Document Object Model)是文档对象模型的缩写,它提供了访问和操作文档内容的方法。基本结构为:`window` 对象包含了多个属性,如 `navigator`, `screen`, `history`, `location`, `document` 等。其中,`...

    艾恩JavaScript插件

    插件中最常用的一个方法 _.$(id) 作用是返回由id指定的标签对象,document.getElementById(id)的简写形式 还有一个方法是 _.load(function) 类似于window.onload;但请注意写法,插件中function是作为方法的参数...

    HTML DIV下载为图片 JS下载IDV为图片下载例子(亲测有效)

    ctx.drawImage(document.getElementById(divId), 0, 0, canvas.width, canvas.height); // 转换为data URL var dataURL = canvas.toDataURL('image/png'); // 创建下载链接 var link = document....

    HTML-01-第10章 DOM和BOM.pptx

    - `getElementById()`:通过指定ID获取元素,如`document.getElementById("uname")`。 - `getElementsByTagName()`:返回指定标签名的所有元素,如`document.getElementsByTagName("input")`,返回一个数组,可以...

    JS图片转换广告(加载按钮切换)

    document.getElementById('load-btn').addEventListener('click', function() { currentIndex = (currentIndex + 1) % images.length; // 循环切换 document.getElementById('ad-image').src = images...

    JSP技巧收集——超多超赞的JSP实用小技巧

    - `document.getElementById("output").value = document.getElementById("input").value.toUpperCase();`: 获取两个输入元素,将`input`元素中的文本转换为大写后赋值给`output`元素。 7. **JavaScript数据类型**...

    网页弹出div层的javascript

    document.getElementById('popupLayer').addEventListener('click', function(e) { if (e.target === this) { // 点击了弹出层本身 this.style.display = 'none'; } }); document.addEventListener('keydown', ...

    常用Javascript语句109

    - **转换元素值**:`document.getElementById("output").value = document.getElementById("input").value.toUpperCase();`这一语句展示了如何将输入框中的文本转换为大写并显示在另一个元素中,利用了`toUpperCase...

    js移动div源代码

    1. **选中div**:使用`document.getElementById()`、`document.querySelector()`或`document.querySelectorAll()`方法选取需要移动的div元素。 2. **获取和设置位置**:使用`element.style.left`和`element.style....

    php课后习题及答案php

    - **知识点**: JavaScript 提供了多种方法来获取页面中的 HTML 元素,常用的方法包括 document.getElementById()、document.getElementsByName() 和 document.getElementsByTagName() 等。 - **选项分析**: - A. ...

    HTML实现【元旦倒计时代码】

    document.getElementById('minutes').innerText = minutes; document.getElementById('seconds').innerText = seconds; // 重新计算剩余时间 // ... }, 1000); ``` 5. **样式美化**: 使用CSS来美化倒计时的显示...

Global site tag (gtag.js) - Google Analytics