web细节程序员

DOM

2017-06-05  本文已影响24人  adminlyrics

文档节点是每个文档的根节点,在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

上一篇下一篇

猜你喜欢

热点阅读