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://bzwzjz.com/article/pijgdd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计公司 梓潼网站设计 成都网站设计 高端网站设计 网站设计制作报价 成都网站制作公司 成都网站制作 外贸网站设计方案 网站制作公司 企业网站建设 成都网站建设 重庆网站建设 品牌网站建设 攀枝花网站设计 成都网站建设 网站建设公司 商城网站建设 手机网站建设 专业网站设计 网站建设 成都h5网站建设 成都网站设计