JS基础8，前端程序员如何通过跳槽薪资翻倍

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

开源分享：docs.qq.com/doc/DSmRnRG…

| document.querySelector(’’) | 像CSS样获取 |

| document.querySelectorAll(’’) | 像CSS样获取 |

注：

1. getElementsByName(’’)用来获取表单元素name

2. 只有document.getElementById(’’)和document.querySelector(’’)才能得到单个值，其他都是伪数组

p1

操作内容

---

1. innerHTML获取文本内容，包括里面的标签元素

2. innerText获取文本内容，不包括里面的标签元素，只能得到纯文本内容

3. value获取文本内容，只能获得文本（input）里面的内容

设置内容

---

• Ele.innerHTML=‘内容’

• Ele.innerText=‘内容’

操作样式

---

| 属性 | 含义 |

| :-: | :-- |

| Ele.style.color=‘red’ | 添加行内样式 |

| Ele.className=‘类名’ | 添加类名 |

| Ele.classList.add(‘类名’) | 添加类名 |

| Ele.classList.remove(‘类名’) | 移除类名 |

操作属性

---

1. 设置属性

setAttribute(‘属性名’,‘属性值’)

2. 获取属性

getAttribute(‘属性名’)

3. 移除属性

removeAttribute(‘属性名’)

查找节点

---

DOM节点对象

---

1. 整个HTML文档看做一个文档对象document

2. 整个HTML标签元素看做DOM节点对象

3. 每个HTML标签元素的内容属性也看做DOM节点对象

注：在元素节点之间有空白文本节点

动态操作节点

---

1. 创建节点

• 创建元素节点

var elment=document.createElenment('div')

• 创建文本节点

var textNode=document.createTextNode('元素')

2. 添加节点

• 给元素追加子节点

父节点.oppendchild('子节点')

• 在父元素指定子节点插入节点

父节点.insertBefore('新子节点'，旧子节点)

3. 删除节点

删除父节点下的子节点

父节点.removeChild('子节点')

子节点.remove()

4. 替换节点

新节点替换父节点下的子节点

父节点.replaceChild('新节点'，'旧节点')

克隆节点

---

节点.clone()

node节点

---

所有节点类型都必须继承node类型，成为node的子类或孙类

| 属性 | nodeType | nodeName | nodeValue |

| :-: | :-: | :-: | :-: |

| 元素 | 1 | 大写标签名 | null |

| 文本 | 3 | #text | 内容 |

| 属性 | 2 | 属性名 | 属性值 |

获取非行间样式

---

window.getComputedStyle(节点对象).样式名

div{ width: 100px; height: 100px; }