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

从现在开始，我们要努力学习啦！今天我给大家带来《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()

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~