JavaScript Dom 节点API
- document.getElementById():
- document.getElementsByTag():
- getElementsByName():
- node.firstChild,node.lastChild,获取节点的第一个节点和最后一个节点
- previousSibling,nextSibling:找邻近的节点
- parentNode:找父节点
- childNodes
- hasChildNodes():当childNodes包含一个或多个节点时,返回真
- node.appendChild(node)
- parentNode.removeChild();
- replaceChild:
- node.setAttribute()
- node.getAttribute()
- parentNode.insertBefore(newnode, refnode);
- document.createElement()
- document.createTextNode()
- cloneNode()
- node.innerHTML
属性:
1、document.bgColor 其实是对应标记<body>的bgcolor属性(已不再使用)。
2、document.cookie 设置或返回与当前文档有关的所有cookie。
3、document.domain 关于同源策略安全限制,返回当前文档的域名。
4、document.lastModified 一个字符串,包含文档的修改日期。
5、document.location 等价于URL已不再使用。
6、document.referrer 把浏览器带到当前页面的链接的URL。
7、document.title 返回当前文档的标题。
8、document.URL 返回当前文档的URL。
- document.createDocumentFragment():
- 数组形式的属性:
1、document.anchors[] 文档中锚的集合。
2、document.applets[] 文档中小应用程序的集合。
3、document.forms[] 文档中表单的集合。
4、document.images[] 文档中图片的集合。
5、document.links[] 文档中链接的集合 注意链接包括<a href="#">和<area> 。
- Element对象属性:Node对象的attribute属性的方法。
getAttribute(name)方法用来获取字符串形式的属性名称设置相应属性的值
setAttribute(name,value)方法基于一个字符串形式的属性名称设置相应属性的值。
removeAttribute(name)方法基于一个字符串形式的属性名称删除相应的值。
getAttributeNode(name)方法获取指定的attr节点。
setAttributeNode(newAttr)方法基于新的Attr对象的实例设置属性。
removeAttributeNode(oldAttr)方法删除指定的属性节点,与使用removeChild()方法删除一个子节点方式相同。
- Document对象
- Document对象中包含更多可以用来创建DOM核心中各种节点类型的新实例的方法。
CreateAttribute(name)方法创建节点类型为 Node.ATTRIBUTE_NODE节点。
createCDATASection(name)方法创建节点类型为 Node.CDATA_SECTION_NODE的CDATASection节点。
- HTMLDocument对象Title:包含于<title>标签中的字符串。
Referrer:包含链接到当前页面的前一个页面的URL。
Domain:包含在当前站点域名。
URL:包含浏览器在查看当前页面时地址栏中的URL。
Body:引用从<body>节点开始的DOM树。
Images:一个包含当前文档中所有<img>标签的数组。
Applets:一个包含与当前文档中所有<applet>标签对应的DOM节点的数组。
Links:一个包含当前文档中所有<link>标签对应的DOM节点数组。
Forms:是一个包含与当前文档中所有<form>标签对应的DOM节点的数组。
Anchors:是一个包含当前文档中所有<a>标签对应的DOM节点的数组。
Cookie:是一个包含当前页面中所有cookie信息的字符串。方法:
· open()打开一个文档以便接收write()或writelen()方法的输出。
Close()关闭当前的文档。
Write(data)输入写入到文档中。
Writeln(data)输入写入到文档中同时写入一个换行符。
- THMLElement对象 属性:
Id:包含可以供document.getElmentById()使用的id属性。
Title:用于进一步对元素进行语义化描述和悬停的工具条。
Dir:表示节点中文本的方向。
className:包含用作css连接点的class属性。
相关推荐
Vue和React是数据驱动视图,如何有效控制DOM操作?能不能把计算,更多的转移为js计算?因为js执行速度很快。patch函数-->patch,对比tag,对比tag与key,对比children