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获取页面的常用方法
  


  
  
  • HTML
  • jQuery
  • JavaScript
  • HTML
  • jQuery
  • JavaScript

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


文章标题:JavaScript获取页面元素的常用方法详解
分享地址:http://csdahua.cn/article/pijgdd.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流