关于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
- 关于DOM的一些常用标签属性等小结
- Android关于margin、align、padding等一些常用的属性
- DOM常用属性小结(z)
- dedecms一些常用的标签属性讲解
- thymeleaf常用的一些标签属性
- thymeleaf常用的一些标签属性
- DOM常用的属性
- 常用DOM方法和属性 小结
- 一些不常用的html标签及css属性
- 关于android控件属性的一些使用小结
- 常用的属性标签
- DOM中常用的属性
- DOM常用属性【DOM】
- DOM 的一些常用方法
- 关于xml文件中的一些常用标签的意义
- 关于HTML中input标签的一些常用输入限制
- 关于DOM的一些总结
- 最常用的js DOM方法小结
- win10下安装ubantu16.04LTS注意事项
- 课本8.19 kite问题的NP完全问题证明
- iOS 蓝牙使用
- 对网络应用层的理解(二)
- hdu2444 The Accomodation of Students【二分图判断+最大匹配】
- 关于DOM的一些常用标签属性等小结
- activemq点对点以及发布订阅模式代码(参考前一篇jms学习理解)
- 统计学习方法笔记之十----隐马尔科夫模型(一)
- spring加载xsd文件时报错
- 1061. 判断题(15)
- Unity3D 官方文档 UGUI的总览 Canvas和EventSystem的认识
- K&R《C程序设计语言》p23:打印最长的输入行
- ejs模板引擎
- CFgym:Memory Manager(dp & 单调队列优化)