如何用 CSS 选择器和原生 JavaScript 操作 HTML 元素？

亲爱的编程学习爱好者，如果你点开了这篇文章，说明你对《如何用 CSS 选择器和原生 JavaScript 操作 HTML 元素？》很感兴趣。本篇文章就来给大家详细解析一下，主要介绍一下，希望所有认真读完的童鞋们，都有实质性的提高。

笔试题详解

1. css选择器

如何使用 css 选择器从以下 html 元素中选择除 <p> 元素之外的所有元素或选择第偶数索引的 <p> 元素？

<div>
<h1>
</h1>
<p>
</p>
<p>
</p>
<p>
</p>
<span>
</span>
</div>

答案：

div p:nth-child(even), div :not(p)

2. 原生 javascript

如何使用原生 javascript 向以下 html 元素中插入 html 字符串或将其删除？

<div id="name"></div>

答案：

• 插入 html：

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

• 删除元素：

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

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。