JavaScript——DOM如何获取、添加元素

JavaScript—DOM如何获取、添加元素

DOM中有很多可以获取到页面元素的方法，这些方法都可以获取到页面元素，从而对元素进行操作，也可以添加、删除、修改元素。
页面上的每一个元素，其实就是一个节点，而DOM上每一个节点都是唯一的。

旧的获取方法

1、拿到页面所有的锚点

document.anchors；

2、拿到所有元素

document.body；

3、拿到所有的表单

document.form；

4、拿到所有图片

document.images

5、拿到所有写有href属性值的元素

document.link；

以上是比较旧的代码，当然现在依旧可以使用，只是在使用时要注意，用以上代码返回的值是一个伪数组，要是想拿到指定值，就必须通过伪数组找到其下标，才能获取到指定值

常用的获取方法

1、获取指定id值的节点
注意*因为i每一个html文档中，id值都是唯一的所以，获取到的就是一个值，下面运用其他方法获取的值都是伪数组。

document.getElementById(【字符串的id值】);

2、获取指定name属性值的节点

document.getElementsByName(【字符串的name属性值】);

3、获取指定标签的节点

parentNode.getElementsByTagName(【字符串的标签名】);

4、获取指定class属性值的节点

parentNode.getElementsByClassName(【字符串的类名】);

5、获取选择器选中的节点
用此方法获取的是符合这个选择器的第一个节点，所以他是一个值，并不是伪数组

parentNode.querySelector(【选择器字符串】);

6、获取选择器选中的节点（伪数组）
获取到的是符合这个选择器的节点的伪数组

parentNode.querySelectorAll(【选择器字符串】);