js原生如何获取网页元素

获取网页元素是前端开发过程中的基础知识，可以通过DOM操作来实现。DOM（文档对象模型）是一种表示和操作html,xml和svg文档的标准编程接口。

javascript需要掌握的常见方法有：

1、getElementById：是指根据指定的 id 属性获取指定的元素。

示例：var phone= document.getElementById("phone");

2、getElementsByClassName：是指通过元素的class属性获取指定元素集合。

示例：var x = document.getElementsByClassName("example");

3、getElementsByTagName：通过标签名获取指定的元素集合。

示例代码：

• var tr= document.getElementsByTagName("tr");
• var op=document.getElementsByTagName("p")[0];

4、querySelector:通过CSS选择器返回满足条件的第一个元素。

示例代码：var div = document.querySelector("div");

5、querySelectorAll:通过CSS选择器获取所有符合条件的元素集合。

示例代码：var div = document.querySelectorAll("div");