JavaScript中使用ID获取节点的思路

在现在的网页开发中,元素的ID属性可能仅仅只用于JavaScript查找元素了,因为他不能重复使用,违背了CSS的编写原则,但是最近偶然看到有人另类的使用。

学习JavaScript的时候,通过ID获取节点对象的方法,书上以及手册都是这样写的:

var idnode=document.getElementById("idname")

然后再用获取到idnode更改样式:

idnode.style.color="#ff0"

但是偶然的机会看到有人是这样写的:

idname.style.color

我的第一感觉是这样写肯定出错。但是这样的写法竟然可以获得和第一种方法同样的结果!太不科学了,如果可以这么简单的获取节点对象,那么第一种方法不是可以淘汰了吗?

然后查了一些资料,第二种方法只是在一些高版本的浏览器可以使用,兼容性很差。而且不是很符合JS的语法规范。如果是自己简单的做个demo 之类的,可以用用。正规开发还是使用第一种方法吧。

注:getElementById获取到的是一个对象集合,即[Object Object]。

时间: 2024-09-22 03:30:07

JavaScript中使用ID获取节点的思路的相关文章

JavaScript中访问id对象 属性的方式访问属性(实例代码)_javascript技巧

实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

javascript 根据参数ID获取链接地址的参数值

javascript 根据参数ID获取链接地址的参数值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.jzread.com/1999/xhtml"> <head> &l

javascript中打印当前的时间实现思路及代码

 打印当前的时间的方法有很多,在本文为大家详细介绍下使用javascript是如何做到的,具体实现如下,感兴趣的朋友可以参考下 复制代码 代码如下: <html>  <head>  <title></title>    <script>    /*    //声明时间  var date = new Date();  alert(date);//当前时间  alert(date.toLocaleString());//转化为本地时间  alert

javascript中打印当前的时间实现思路及代码_javascript技巧

复制代码 代码如下: <html> <head> <title></title> <script> /* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 alert(date.getFullYear());//显示年份 alert(date.getMonth() + 1);//显示月份 0-11,需要加1 alert(d

节点内容-如何在javascript中获得节点对应的内容

问题描述 如何在javascript中获得节点对应的内容 <script type="text/javascript"> function city() { var arr=[["选择城市"],["海淀","东城","朝阳区"],["武汉","新洲","黄冈"], ["广州","珠海","

JavaScript中对DOM节点的访问、创建、修改、删除_基础知识

DOMDOM就是Document object Model的缩写.文档对象模型是把XML或HTML以树节点为表现形式的文档.用DOM方法和属性,你可以访问,修改,删除页面上任意一个元素,也是可以添加一个元素.DOM是独立于语言的API,可以被任意语言所实现,当然也包括了Javascript 看看下面的一个文本. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x

浅谈Javascript中的12种DOM节点类型_javascript技巧

前言 DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容).浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构.DOM的最小组成单位叫做节点(node),文档的树形结构(DOM树)由12种类型的节点组成. 属性 一般地,节点至少拥有nodeType.nodeName和nodeValue这三个基本属性. 节点类型不同,这三个属性的值也不相同 nodeType nodeType属性返回节点类型的常

关于javascript中限定时间内防止按钮重复点击的思路详解_javascript技巧

前面的话 有一天心血来潮,1分钟内重复点击了多次博客园首页的刷新博文列表的刷新按钮.果不其然,ip当时就被禁用了.后来,重启自己的路由器,重新获取ip才可以访问博客园主页.那么,设置一个限定时间内(比如1秒)防止按钮被重复点击的方法会不会更好一点呢? 思路一 最直接的思路可能就是点击按钮后,按钮的事件绑定函数解绑,1s后重新绑定函数 <button id="btn">0</button> <script> btn.onclick = function

javascript中获取元素标签中间的内容的实现方法_javascript技巧

使用ajax,通过会把服务器端响应获取到reponseText或者reponseXML中的信息,以某种方法动态的写到div和span标记中,这样,可以在无刷新的情况下,改变页面内容的显示. 通过javascript进行动态的修改,修改的方法有两种: 1. 一种是使用html的每个标记的innerHTML属性,使用此属性,只要为它提供一个有意义的html代码片段,那么html解释器就可以将其中的内容进行解释,并显示在页面上,使用这种方式比较简单,每次修改前不需要先把原来的内容清除掉,而可以直接进行