javascript-获取一个HTML元素竟然可以直接用其ID表示

问题描述

获取一个HTML元素竟然可以直接用其ID表示

一个含有ID的HTML标签可以直接用其ID表示元素,可以不同documen.getElementById("");
例如:设置文本在js中可以直接用btn1表示,有这标准么?
如果有多个元素定义了拥有同样的ID则,其表示的是第一个元素。

解决方案

标准用法是document.getElementById,用同名id,有可能定义过同名变量,得到的就是变量了

解决方案二:

在html中的 id 属性 在javascript 中直接获取此元素

解决方案三:

id不可以定义成一样的

getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
你可以不用id来赋值 根据需求选取后面的方式

解决方案四:

id一般就是指的唯一,最好不要重复

解决方案五:

id 是唯一的 ,如何有多个id相同的元素.选择时拿到的将会是最先加载的元素

解决方案六:

建议可以使用jquery,jquery的选择器非常的强大,开发也很方便。jQuery常用选择器jQuery常用选择器

时间: 2024-08-03 09:01:14

javascript-获取一个HTML元素竟然可以直接用其ID表示的相关文章

html javascript: 用JavaScript判断一个html元素是否存在的几种方法

用javascript判断一个html元素是否存在的五种方法:   1. 判断表单元素是否存在 if("periodPerMonth" in document.theForm){ return true; }else{ return false; } 2. 判断页面元素是否存在 if(document.getElementById("XXX")){ //存在 } 3. 判断表单元素是否存在 if(document.theForm.periodPerMonth){ /

JavaScript获取一个范围内日期的方法

  本文实例讲述了JavaScript获取一个范围内日期的方法.分享给大家供大家参考.具体分析如下: 指定开始和结束时间,范围该范围内的所有日期放入数组 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Date.prototype.addDays = function(days) { var dat = new Date(this.valueOf()); dat.setDate(dat.getDate() + days); return dat; }; function g

JavaScript获取一个范围内日期的方法_javascript技巧

本文实例讲述了JavaScript获取一个范围内日期的方法.分享给大家供大家参考.具体分析如下: 指定开始和结束时间,范围该范围内的所有日期放入数组 Date.prototype.addDays = function(days) { var dat = new Date(this.valueOf()); dat.setDate(dat.getDate() + days); return dat; }; function getDates(startDate, stopDate) { var da

Javascript 获取指定页面元素的位置

 代码如下 复制代码 <script language="JavaScript" type="text/javascript"> <!--   // 说明:用 Javascript 获取指定页面元素的位置 // 整理:http://www.111cn.net  代码如下 复制代码 // 来源:YUI DOM   function getElementPos(elementId) {       var ua = navigator.userAgen

Javascript获取父级元素、子级元素、兄弟元素的例子

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 js的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素.可以用: 比如: <div id="dom">    <div></div>    <div></div>    <div></div> </div> var

javascript删除一个html元素节点的方法_javascript技巧

本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>&l

Javascript获取CSS伪元素属性的实现代码_javascript技巧

CSS伪元素非常强大,它经常被用来创建CSS三角形提示,使用CSS伪元素可以实现一些简单的效果但又不需要增加额外的HTML标签.有一点就是Javascript无法获取到这些CSS属性值,但现在有一种方法可以获取到: 看看下面的CSS代码: .element:before { content: 'NEW'; color: rgb(255, 0, 0); }.element:before { content: 'NEW'; color: rgb(255, 0, 0); } 为了获取到.element

Javascript获取CSS伪元素的属性

CSS伪元素非常强大,它经常被用来创建CSS三角形提示,使用CSS伪元素可以实现一些简单的效果但又不需要增加额外的HTML标签.有一点就是Javascript无法获取到这些CSS属性值,但现在有一种方法可以获取到: 看看下面的CSS代码: copytext  代码如下 复制代码 .element:before {     content: 'NEW';     color: rgb(255, 0, 0); }.element:before {  content: 'NEW';  color: r

javascript获取作用在元素上面的样式属性代码_javascript技巧

复制代码 代码如下: window.onload = function(){ var oDIv = document.getElementById('progressBox'); var sytleElemt = window.getComputedStyle(oDIv); for(var i=0;i<sytleElemt.length;i++){ if( typeof sytleElemt[sytleElemt[i]] != 'undefined' && sytleElemt[sy