replaceChild()方法可以替换节点,接受两个参数,需要插入的节点和需要替换的节点 。返回被替换掉的节点 。
removeChild()移除节点 。这里有个常见需求,比如我有一个节点 #waste-node ,那么如何移除它呢?
var wasteNode = document.getElementById("waste-node");wasteNode.parentNode.removeClhid(wasteNode); // 先拿到父节点,再调用removeClild删除自己 这里先暂停一下,不知道大家注意到没有,以上的几个方法都是操作某个节点的子节点,也就是说,操作前必须找到父节点(通过parentNode来找)
接下来说下复制节点的方法:
cloneNode();复制节点,接受一个参数 true或者false 。如果true就是复制那个节点和它的子节点 。如果是false,就是复制节点本身(复制出来的节点就会没有任何子元素) 。这个方法返回复制的节点,如果需要操作它,那么需要借助前面讲的4个方法来把这个节点放入到html中去 。
至此,Node类型的常见属性和方法都介绍完了 。结合开头讲的,所有节点类型都继承自Node类型,所以这些方法是所有节点都有的 。
三、Document类型
最开始讲DOM是什么的时候提到了Document类型 。其实关于这个类型最重要的是它的一个子类HTMLDocument有一个实例对象document 。而这个document对象是我们最常用的一个对象了 。
document对象又挂载在window对象上,所以在浏览器就可以直接访问document了 。
老规矩,先讲讲document对象的属性,等会讲讲它的方法 。
document对象上的一些属性
document.childNodes 继承自上面讲的Node类型,可以返回文档的直接子节点(通常包括文档声明和html节点)
document.documentElement 可以直接拿到html节点的引用(等价于
document.getElementsByTagName(“html”)[0]) 。
document.body body节点的引用
document.title 页面的title,可以修改,会改变浏览器标签上的名字
document.URL 页面的url
document.referrer 取得referrer,也就是打开这个页面的那个页面的地址,做来源统计时候比较有用
document.domain 取得域名,可以设置,但是通常只能设置为不包含子域名的情况,在一些子域名跨域情况下有效 。
接下来介绍两个熟悉的方法
getElementById 和 getElementsByTagName
getElementById,传入id,得到元素节点 。里面的参数区分大小写(IE8-不区分) 。注意:如果有多个id相同的元素,则返回第一个 。IE7-里面表单元素的name也会被当做id来使用 。
getElementsByTagName 根据标签取得元素,得到的是HTMLCollection类型 。如果传入的是 “” ,则可以取得全部元素 。*
还有一个是只有HTMLDocument类型(也就是document对象)才有的方法 getElementsByName 顾名思义,根据name返回元素 。
document对象还有一些集合,例如document.forms 可以返回所有的form表单 。类型也是HTMLCollection 。
说到HTMLCollection,就再说说它
HTMLCollection就是一个包含一个或多个元素的集合,和上面讲的NodeList还挺像的 。HTMLCollection这个类型有两个方法,一个是通过下标(或者.item())得到具体元素,还有就是通过[‘name’](或者.namedItem())获得具体元素 。
最后,关于document对象还有一套重要的方法,那便是
write() writeln() open() close()
open和close分别是打开和关闭网页的输出流,在页面加载过程中,就相当于open状态 。这两个方法一般不会去用它 。
然后重要的方法就是write和writeln,它们都是向页面写入东西,区别就是后者会多加入一个换行符 。
注意的是:在页面加载的过程中,可以使用这两个方法向页面添加内容 。如果页面已经加载完了,再调用write,会重写整个页面 。
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 蜂王浆是什么
- 十种方法增强记忆力是什么呢
- 绝对值最小的有理数 绝对值最小的有理数是什么数
- 一蹴而就的意思是什么 一蹴而就的意思是什么啊
- 连长是什么军衔 一个连的编制是多少人
- 儒家思想的核心主张是什么 儒家及其代表性人物
- smt是什么意思和流水线哪个轻松 smt贴片元器件是什么意思
- 大雁往南飞是什么季节
- 馍馍上点的红色是什么
- 生源地是什么意思?生源地一般写到县还是市