关于DOM的一些常用标签属性等小结

来源:互联网 发布:ug怎么编程 编辑:程序博客网 时间:2024/06/05 11:11
 最近在看javascript高级程序设计,以下摘录一些关于DOM的笔记 元素类型(nodeType: 1) 对于元素类型来说,nodename是它的tagname,nodevalue为null 属性类型 (nodeType)2 对于属性类型来说,nodename是它的属性名,nodevalue为属性值 文本类型(nodeType) 3 对于文本类型的来说,nodename值为#text,nodevalue为节点所包含的文本 注释类型(nodeType) 8 对于注释类型来说,nodename值为#comment,nodevalue为注释的内容 文档类型(nodeType) 9 对于文档类型来说,nodename值为#document,nodevalue为null DocumentFragment类型 11 对于文档片段来说,nodename值为#document-fragment,nodevalue为null

下面是一些用到的节点通用属性和作用:
1:每个节点都有childNodes属性,保存着一个NodeList对象,NodeList是类数组,也有length属性。Array.prototype.slice()方法可以将NodeList对象转换成数组。vararraynodelist=Array.prototype.slice().call(node,0);(IE8以前无效)
2: 每个节点都有parentNode属性,指向父元素。
3: 通过previousSibling和nectSibling访问同胞节点

节点的操作:
appendChild(插入的节点)向childNodes列表末尾增加节点
inserBefore(插入的节点,作为参照的节点)
replaceChild(插入的节点,替换的节点)
removeChild(需要移除的节点)
cloneNode(true/false):true是深度复制,复制节点及整个子节点,但并未为其制定父节点,false是复制节点本身

DOCUMENT类型:

1: 只能有一个元素子节点,通常已经存在。
2: document属性与网页请求有关的有以下几个:URL,domain,referrer。URL属性包含完整的URL,domain属性只包含页面的域名,referrer属性中保存连接到当前页面的那个页面URL。将domain设置成相同值,这些页面就可以互相访问彼此的javascript,实现跨域。
3:查找元素的几种方法:document.getElementById(“”);
document.getElementByTag(“”);
document.getElementByName(“”);

Tagname方法会返回一个或多个类似NodeList,可以通过item()或方括号来进行访问。
4:特殊集合,document.anchors,包含文档中所有带name特性的《a》元素
document.forms,包含文档中所有带form元素的集合
document.images 包含文档中所有《img》元素
document.links,包含文档中所有带href特性的a元素
5:文档写入:write(),writeIn(),pen(),close(),前两者接受一个字符串的参数,write会原样写入,writeIn会在字符串末尾添加一个换行符

ELEMENT类型
1:一些特性 id ,title,lang,dir,className
lang表示元素内容的语言代码,比较少用
dir语言的方向,“ltr”“rtl”,比较少用
className 与class对应
2:取得特性,getAttribute(“特性名”),setAttribute(“特性名”),removeAttribute(“特性名”)
3:Attribute的NameNodeMap,类似NodeList
getNamedItem(name),返回nodeName属性等于name的节点
setNamedItem(node),添加节点
removeNamedItem(name),移除nodeName属性等于name的节点
item(pos):返回位于数字pos位置的节点
4:创建元素,document.creatElement()

TEXT类型
1:length属性
2:创建文本节点,document.createTextNode(“”),作为参数的文本按照HTML或XML格式进行编码
3:每个文本元素只有一个文本节点,多个文本节点会造成显示连接,没有空隙。在父节点上用normalize()方法,将多个节点合并,splitText(分割的位置),分割文本节点。

COMMENT类型
1:除了splitText()之外,和TEXT类型相似

CDATASection类型
1:没有子节点
2:表示的是CDATA区域

DOCUMENTType类型
1:没有子节点
2:IE及更早版本不支持document.doctype,因此值始终为null

DOCUMENTFragment类型
1:文档片段,不像完整的文档那样占用额外的资源

ATTR类型
1:在html中没有子节点,在xml中子节点可以是Text或EntityReference

原创粉丝点击