程序开发 · 2023年5月29日

如何使用 CSS 选择器和原生 JavaScript 操作 DOM 元素?

笔试题解惑

问题 1:选择 div 内元素

考虑求解 div 中非 p 元素或偶数下标的 p 元素,可以使用 选择器:

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

问题 2:操作 dom

立即学习“”;

使用原生 javascript 向带有 id 属性为 “name” 的 div 中插入 html 字符串或将其删除,可以采取以下步骤:

插入 html:

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

登录后复制

删除元素:

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

登录后复制

以上就是如何使用 CSS 选择器和原生 JavaScript 操作 DOM 元素?的详细内容,更多请关注GTHOST其它相关文章!