JavaScript 实现HTML DOM增删改查操作的常见方法详解
本文实例讲述了JavaScript实现HTMLDOM增删改查操作的常见方法。分享给大家供大家参考,具体如下:
首先js可以修改HTML中的所有元素和属性,它还可以改变CSS样式,并且可以监听到所有事件并作出响应,这篇笔记呢主要记录如何对HTML元素进行增删改查。
1查找DOM
第一种方式是我们最常用的:通过ID查找:
learnjavascript 你能找到我么? 点击改变文本 {{--js--}}
注意:当我们写HTML的时候尽量保证ID不重复。
第二种方法:通过标签名查找
learnjavascript himan
↑我们取到了ID为demo的div,然后在div中有个p元素没有ID属性,我们就可以通过tagname来找到它。
第三种方法:通过class来查找
learnjavascript himan
2删除DOM
learnjavascript himan hello