资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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获取页面元素的常用方法详解
URL分享:http://www.cdkjz.cn/article/pijgdd.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220