JavaScript获取页面元素的常用方法详解

1、通过标签获取元素，返回一个数组

10年积累的网站制作、成都网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有恩平免费网站建设让你可以放心的选择与我们合作。

　　var li = document.getElementsByTagName('li');//标签获取元素
　　li[0].innerHTML;// 查看获取元素的内容
　　li[0].innerHTML = "content";//修改获取到标签中的内容

2、通过id获取页面元素

　　var header = document.getElementById("header");//id获取元素

3、通过class名字获取页面元素

　　var list = document.getElementsByClassName('list');//返回一个数组，通过下标访问文本

4、通过CSS选择符方式获取页面元素

　　//querySelector：返回符合条件的第一个
　　var str = document.querySelector('li');
　　var str1 = document.querySelectorAll('li');//全部返回，每个li都是一个对象

JavaScript获取页面的常用方法

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。

本文名称：JavaScript获取页面元素的常用方法详解
分享路径：http://cxhlcq.com/article/pijgdd.html