JavaScript Dom 节点API

最新推荐文章于 2024-09-30 15:23:15 发布

renjiangying

最新推荐文章于 2024-09-30 15:23:15 发布

阅读量106

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/renjiangying/article/details/84442940

版权

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属性。