登录
首页 >  文章 >  前端

如何使用原生 JavaScript 操作 DOM 并插入或删除 HTML 内容?

时间:2024-11-28 12:31:03 106浏览 收藏

一分耕耘,一分收获!既然打开了这篇文章《如何使用原生 JavaScript 操作 DOM 并插入或删除 HTML 内容?》,就坚持看下去吧!文中内容包含等等知识点...希望你能在阅读本文后,能真真实实学到知识或者帮你解决心中的疑惑,也欢迎大佬或者新人朋友们多留言评论,多给建议!谢谢!

如何使用原生 JavaScript 操作 DOM 并插入或删除 HTML 内容?

笔试题求解

1. css 选择

  • 问题:选择 div 中的非 p 元素或选择偶数下标 p 元素。
  • 答案:

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

2. 原生 javascript 操作 dom

  • 问题:使用原生 javascript 向 id 为 "name" 的 div 中插入或删除 html 内容。
  • 答案:

插入 html:

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

删除 html:

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

文中关于的知识介绍,希望对你的学习有所帮助!若是受益匪浅,那就动动鼠标收藏这篇《如何使用原生 JavaScript 操作 DOM 并插入或删除 HTML 内容?》文章吧,也可关注golang学习网公众号了解相关技术文章。

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>