GIF动态图教程-JS语言21-DOM操作(实例)

 时间:2026-02-14 09:25:46

1、使用getAttribute()方法获取DOM对象的各种属性,例如id名,宽度值等。

GIF动态图教程-JS语言21-DOM操作(实例)

2、使用createElement()方法创建DOM对象,如图所示创建一个span标记。

使用appendChild()方法可以将createElement()方法创建的节点,插入到DOM对象,如图所示,将span标记插入到了P标记中。

GIF动态图教程-JS语言21-DOM操作(实例)

3、使用setAttribute()方法动态地为元素设置各种属性,如设置span标记的id属性,如图操作。

GIF动态图教程-JS语言21-DOM操作(实例)

4、另一种修改标记属性的方式更加直接,例如直接修改元素的className属性来更改其类名,如图操作。

GIF动态图教程-JS语言21-DOM操作(实例)

5、如果对创建的span标记不需要了,可以使用removeChild()方法删除,如图操作。

GIF动态图教程-JS语言21-DOM操作(实例)

6、removeChild方法需要通过父元素来加以调用,例如上述P元素是span元素的父级,要删除span元素,则不能单纯使用removeChild(span),只能通过P.removeChild(span)这一途径,这意味着还需要对父标记加以定位,操作起来较为繁琐。一种简便的方法是使用元素的parentNode属性来找到父元素,然后再调用删除方法,如span.parentNode.removeChild(span),如图操作。

GIF动态图教程-JS语言21-DOM操作(实例)

  • 重装上阵无限战车版本怎么下载
  • 如何从一个情境果断的跳入另一个情境
  • 隐藏针线方法图解
  • 如何掌握那些精辟的人生哲理?
  • 苹果手机迷你世界怎么更新
  • 热门搜索
    金丝楠木手串怎么盘 用电脑怎么赚钱 怎么盘发好看又简单 怎么查笔记本电脑型号 信用卡不开卡会怎么样 汗毛多怎么去除 怎么破 痔疮疼怎么办 广东麻将怎么打 yy怎么用