CSS 选择器与原生 JS 操作 DOM：如何选择非 p 元素和偶数位置的 p 元素？如何插入和删除 HTML？

笔试题解惑

本篇问答主要解决两道笔试题，帮助开发者厘清 css 选择器和原生 js 的操纵 dom 知识。

1. css 选择器

问题：如何在 css 中选择 div 中的非 p 元素或选择偶数位置的 p 元素？

答案：

• 选择非 p 元素：div :not(p)
• 选择偶数下标 p 元素：div p:nth-child(even)

2. 原生 js 操纵 dom

问题：如何使用原生 js 向具有 id="name" 的 div 中插入和删除 html？

答案：

• 插入 html：

document.getelementbyid("name").insertadjacenthtml("afterend", "<span>张三</span>");

• 删除 html：

document.getElementById("name").remove()

以上就是CSS 选择器与原生 JS 操作 DOM：如何选择非 p 元素和偶数位置的 p 元素？如何插入和删除 HTML？的详细内容，更多请关注其它相关文章！