dom操作

Posted yanghaoyu0624

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dom操作相关的知识,希望对你有一定的参考价值。

一、跳转路径: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操作的主要内容,如果未能解决你的问题,请参考以下文章

操作DOM

web性能优化--减少DOM操作

Jquery基础之DOM操作

使用JQuery操作DOM

操作DOM -------JavaScrip

使用JQuery操作DOM