前端基本功：JS必记知识点+案例（五）DOM节点属性

昨日重点：

dom

我们操作最多的就是 元素节点 标签节点 标签 li span

节点的访问关系

父级 parentNode
this.parentNode == 我的父亲

兄弟 nextSibling

** 孩子们**
childNodes 官方用法
一般情况下，我们只需要元素节点
** nodeType 来 判断 **
nodeType == 1 元素节点
nodeType == 2 属性节点
nodeType == 3 文本节点

children 不是官方写法
所有的孩子 亲儿子
ie 678 把注释节点 也算 可以避免

今日案例：设置节点属性

案例1：京东轮播图按钮

JS 生成轮播的圆点

相关知识点：

1. 获取节点属性

getAttribute(属性) 获取属性
通过这个方法，可以得到 某些元素的 某些属性 。

alert(demo.getAttribute("title"));

弹出对话框： 弹出title里面的内容

弹出对话框

2. 设置节点属性

setAttribute(“属性”,”值”);
比如说，我们想要把 一个 类名 改为 demo

div.setAttribute(“class”,”demo”);

3. 删除某个属性

** removeAttribute(“属性”); **

demo.removeAttribute(“title”)

这个盒子就没有title 属性 给删掉了 。

A.appendChild(B);

B 一定是 A 孩子 同时 b 放到了a 的里面 装到里面去了 最后面。 b 放到 a 里面

A.insertBefore（B，C）

B C 都是 A 的孩子
把 b 放到 a 里面 ，但是 是 c 的前面

案例2：微博输入框

微博发送框.gif

    
    
    
    



    微博发布:   发布

内置对象

内置对象： 内置对象就是指这个语言自带的一些对象，供开发者使用，这些对象提供了一些常用的或是最基本而必要的功能。