码迷,mamicode.com
首页 > 其他好文 > 详细

dom操作

时间:2019-08-14 16:42:37      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:ast   第一个   name   操作   previous   var   任务   win   href   

一、跳转路径:location.href(‘路径‘);注意:默认当前页面。
二、获取页面高宽:
  var a = screen.availHeight;不包括win任务栏
  var b = screen.availWidth;
三、dom操作
  把html标签的内容分化为各个节点;
  文档节点(document):body
  元素节点:标签
  文本节点:内容
  属性节点
  注释节点
  获取元素节点(标签)
  通过id获取:(最常用)
  document.getElementById(id属性值);
通过标签名来获取:
  document.getElementsByTagName(标签名);//获取多个,for循环遍历
通过name属性获取:
  document.getElementsByName(name属性值);//获取多个,for循环遍历
通过class获取:
  document.getElementsByClassName(calss属性值)//获取多个,for循环遍历
四、节点操作
  parentNode 返回当前节点的父节点
  previousSibling 返回当前节点的前一个兄弟节点
  nextSibling 返回当前节点的后一个兄弟节点
  childNodes 返回当前节点的所有子节点
  firstChild 返回当前节点的第一个子节点
  lastChild 返回当前节点的最后一个子节点
    ***注意:包括换行空格注释;

dom操作

标签:ast   第一个   name   操作   previous   var   任务   win   href   

原文地址:https://www.cnblogs.com/yanghaoyu0624/p/11352512.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!