DOM

文档节点是每个文档的根节点,在html 文件中则是 元素(文档元素)(文档最外层的元素)

每个文档只有一个文档元素,html页面就只有一个则为元素

1. nodeType (节点的类型)

对于所有的浏览器检测某个元素是不是节点类型

if(someNode . nodeType ==1){

//是节点类型

}

2. 对于元素节点:nodeName ->是元素的标签名    nodeValue 始终为 null

3. someNode.firstChild == someN9ode.childNodes[0];

    someNode .lastChild == someNode.childNodes[someNode.childodes.length-1];

插入节点

4. someNode . appendChild(newNode);    (appendChild()是在末尾添加)

在 someNode 节点的末尾添加一个新的节点

5.  在特定地方添加节点 (insertBefore())

移除节点

1 . replaceNode(newnode  ,oldnode);替换掉,被替换的节点(oldNode)仍然存在在文档中,但是他在文档中已经没有了自己的位置

2. 只是移除 removeChild();被替换的节点(oldNode)仍然存在在文档中,但是他在文档中已经没有了自己的位置


以上的都必须取得父节点


其他方法:

所有节点都有的;

1. cloneNode(参数:boolean)

boolean :true;进行深层的复制,会有根节点或者整个文档的节点

boolean :false 进行浅层复制,只是复制节点本身

2.normalize()处理文档树中的文本节点

如果出现文本节点不包含文本,或者出现两个文本节点,则会找到这节点并且删除

取得对<html>的引用

var html = document.getElement;

取得对<body>的引用

var html = document.body;

取得对<!DOCTYPE>的引用

var html = document.doctype;

取得文章标题 document.title

与网页请求有关的:URL(地址栏中的)

domain 只包含页面的域名

referre(是保存链接到这个页面的的URL,如果此页面没有被链接到的页面,则为空字符串)

取得 url : document.url;

取得域名 :docuement.domain;

取得来源页面的url ;docuemnt.referrer;

在这三个属性中只有domain可以设置(但是有一定的条件)

不能设置这个属性为URL中不包含的域

URL中存在一个子域名,p2p.work.com,那么domain就只是能设置为 work.com


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 3,961评论 0 1
  • 本篇是基于《JavaScript高级程序设计(第3版)》DOM相关章节做的整理与归纳,概述了DOM的常见节点类型及...
    查查查查查查克阅读 7,347评论 2 7
  • 本文整理自《高级javascript程序设计》 DOM(文档对象模型)是针对HTML和XML文档的一个API(应用...
    SuperSnail阅读 3,741评论 0 1
  • 当你准备收获赞美 却终一无所获 说明你的所作所为 并未达到 让人情不自禁的程度 蔷薇花再美 也有悲伤忧郁的颜色 但...
    taissa阅读 2,415评论 0 1
  • 摘要:由张艺谋执导的《有话好好说》无疑是电影界的一个瑰宝,它和张导以前所拍的电影风格大有不同,他一反以前获得巨大成...
    小蚂蚁小蚂蚁阅读 3,757评论 0 1

友情链接更多精彩内容