发表于: 2018-07-05 23:00:29

1 549


今天完成的事情:基本完成了任务十四。


明天计划的事情:任务十三有一个点击效果没有做,补上。


遇到的问题:暂无


收获:

JavaScript 计时器
在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
计时器类型:
一次性计时器:仅在指定的延迟时间之后触发一次。
间隔性触发计时器:每隔一定的时间间隔就触发一次。
计时器setInterval() ,间隔计时器
setInterval(代码,交互时间); 
交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。
返回值:
一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

  

DOM

getElementsByName()方法 

与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。

注意:

1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。

getElementsByTagName()方法

返回带有制定标签名的对象的结合。返回的顺序是他们在文档中的顺序。

1. Tagname是标签的名称,如p、a、img等标签名。

2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。
节点属性

1. nodeName : 节点的名称,是只读的
       元素节点的nodename与标签名相同
       属性节点的nodename是属性的名称
      文本节点的nodename永远是#text
      文档节点的nodename永远是#document

2. nodeValue :节点的值
      元素节点的 nodeValue 是 undefined 或 null
      文本节点的 nodeValue 是文本自身
      属性节点的 nodeValue 是属性的值
3. nodeType :节点的类型
   节点的类型,是只读的。以下常用的几种结点类型:
             元素 1
             属性 2
            文本 3
    注释 8
            文档 9
替换元素节点replaceChild()
    var newnode=document.createElement("i");                  创造新的节点  i
    var newtext=document.createTextNode("JavaScript");  创建新节点的内容(注意:节点替换后,旧的节点相关属性内容都会移除,所以这里为新节点内容与原来节点相同)
    newnode.appendChild(newtext);                                   新内容交给给新节点
    var oldnode=document.getElementById("oldnode");   旧节点设置为一个变量
    oldnode.parentNode.replaceChild(newnode,oldnode);    新节点替换旧节点,replaceChild 实现子节点(对象)的替换。



返回列表 返回列表
评论

    分享到