JS基础8，大厂内部资料

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; }

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

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