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

如何使用 css 选择器和原生 javascript 操作 dom 元素?

笔试题解惑

问题 1:选择 div 内元素

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

  • 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 元素?的详细内容,更多请关注其它相关文章!