第6章 DOM操作学习 - 元素获取与内容操作

1. 通过ID获取元素 (getElementById)

• 鱼香肉丝
• 宫保鸡丁
• 糖醋里脊
• 凉拌黄瓜

获取ID为flag的元素

2. 通过标签名获取元素 (getElementsByTagName)

• 鱼香肉丝
• 宫保鸡丁
• 糖醋里脊
• 凉拌黄瓜

获取所有li元素

3. 通过name属性获取元素 (getElementsByName)

请选择你最喜欢的水果(多选)

苹果 香蕉 西瓜

获取name为fruit的元素

4. 通过类名获取元素 (getElementsByClassName)

• 小红
• 小明
• 小强
• 小兰

获取不同类名的元素

5. CSS选择器获取元素 (querySelector)

使用querySelector获取元素

6. 获取特殊元素 (body和html)

获取body和html元素

7. innerHTML 操作元素内容

商品信息详情

商品种类	过季旧款	当前热销	秋季新品
商品状态	已下架	热卖中	等待上架

操作表格内容

8. innerText 操作元素文本

1. 张三
2. 李四
3. 王五
4. 小明
5. 小红

使用innerText操作文本

9. textContent 操作元素内容

使用textContent操作内容

8. innerText 操作元素文本

1. 张三
2. 李四
3. 王五
4. 小明
5. 小红

使用innerText操作文本

9. textContent 操作元素内容

使用textContent操作内容