DOM 1

 首先getAttribute  setAttribute只能被元素节点对象调用。(属性节点和文本节点调用不了)

我们可以通过一下三种方式得到元素:

document.getElementById();//返回唯一一个元素节点
document.getElementsByTagName();//返回的是对象数组,所以Elements后面要加s,不要忘记。
document.getElementsByName();   //返回的是对象数组
document.getElementsByClassName();//较新的浏览器才支持 
getAttribute()返回的是属性的值.
getAttribute()改变属性的值.
<a id='Node' href='adc'>百度</a>
var thisNode=document.getElementById('Node');//获取a元素节点
 alert(thisNode.getAttribute('href'));//显示的是href属性的值:abc.

childNodes属性:可以获取任何一个元素的所有子元素(或者说任何一个节点下的所有子节点:包含文本节点 元素节点);注意返回的是数组,且Nodes有s

firstChild属性 获取的是第一个字节点.和element.childNodes[0]完全等价。

lastChild属性 获取的是最后一个子节点,和element.childNodes.[element.childNodes.length-1]完全等价

注意:节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点

  如下:

     ul元素下的子节点:IE是3个,其它浏览器是7个。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

【基础篇】Go 语言范围(Range)

Go 语言范围(Range) Go 语言中 range 关键字用于for循环中迭代数组(array)、切片(slice)、通道(channel)或集合(map)...

36716
来自专栏腾讯IVWEB团队的专栏

玩转 JavaScript 正则表达式

正则表达式也能帮助我们方便的进行Find&Replace;的工作,由于正则表达式的流派很多,而作者比较熟悉JS,这篇文章主要是描述JavaScript中的正则表...

2.4K0
来自专栏老马寒门IT

06-老马jQuery教程-jQuery高级

1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的。jQuery源码中对原型对象做了简写的处理。也就是说:jQue...

2039
来自专栏深度学习思考者

C++常见问题(三)——宏定义、const、static、sizeof的相关实例

第一部分 宏定义   宏定义的语法格式:#define <标识符><字符串>,其中的标识符就是所谓的符号常量,也称为”宏名”。预处理工作也叫宏展开。宏定义不占用...

18610
来自专栏行者常至

009. golang 函数 function

543
来自专栏Golang语言社区

Go语言中字符串的查找方法小结

1.func Contains(s, substr string) bool这个函数是查找某个字符是否在这个字符串中存在,存在返回true import ( ...

33910
来自专栏张善友的专栏

c#处理空白字符

空白字符是指在屏幕不会显示出来的字符(如空格,制表符tab,回车换行等)。空格、制表符、换行符、回车、换页垂直制表符和换行符称为 “空白字符”,因为它们为与间距...

2116
来自专栏柠檬先生

jquery 筛选元素 (2)

.add()   创建一个新的对象,元素添加到匹配的元素集合中。   .add(selector)     selector 一个字符串表示的选择器...

1878
来自专栏菜鸟前端工程师

JavaScript学习笔记003-函数0属性0模板字符串

742
来自专栏飞雪无情的博客

golang goquery selector(选择器) 示例大全

最近研究Go爬虫相关的知识,使用到goquery这个库比较多,尤其是对爬取到的HTML进行选择和查找匹配的内容时,goquery的选择器使用尤其多,而且还有很多...

1913

扫码关注云+社区