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

 时间:2024-10-11 23:45:04

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元素,则不能单纯使用remo即枢潋雳veChild(span),只能通过P.removeChild(span)这一途径,这意味着还需要对父标记加以定位,操作起来较为繁琐。一种简便的方法是使用元素的parentNode属性来找到父元素,然后再调用删除方法,如span.parentNode.removeChild(span),如图操作。

GIF动态图教程-JS语言21-DOM操作(实例)
  • 重装上阵无限战车版本怎么下载
  • 如何从一个情境果断的跳入另一个情境
  • 隐藏针线方法图解
  • 如何掌握那些精辟的人生哲理?
  • 王境泽真香动态gif表情包如何制作 如何在线生成
  • 热门搜索
    蓝牙耳机如何充电 如何连接共享打印机 美国个人旅游签证 水星路由器密码 哪里有黄色网址 中山哪里好玩 沂蒙山在哪里 路由器连接上但上不了网 乌镇在哪里 违章扣分怎么处理