javaScript(叁)

Posted recreyed

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javaScript(叁)相关的知识,希望对你有一定的参考价值。

javascript(叁)

1. 节点*

html 文档中的所有内容都是节点:

  • 整个文档是一个文档节点 document
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点
  1. 节点类型

    document的节点类型 9、标签的节点类型 1、属性的节点类型 2、文本的节点类型 3

  2. 节点名称

    document的节点名称 #document、标签的节点名称 大写的标签名、属性的节点名称 属性名、文本的节点名称 #text

  3. 节点值

    document的节点值 null、标签的节点值 null、属性的节点值 属性值、文本的节点值 文本的内容

  4. 节点之间的关系

    父节点--parentNode

    父元素节点--parentElement

    子节点--childNodes:标签节点、文本节点、注释节点 得到的是伪数组

    子元素节点--children :标签节点

    总结:firstChild、lastChild、previousSibling、nextSibling获取到的都是文本,如果没有就是文本节点名称#text,

    firstElementChild、lastElementChild、previousElementSibling、nextElementSibling获取到的都是标签,如果没有就

    是空

  5. 节点的插入

    node.insertBefore(newnode,existingnode);此方法可在已有的子节点前插入一个新的子节点

    参数newnode是要插入的节点对象,existingnode是要添加新的节点前的子节点。

n. 定时器

  • 周期定时器

setInterval(fun,time) 参数: 函数,时间(以毫秒计时);返回ID值

停止周期计时器

clearInteval() 参数为setInterval(fun,time)的ID值,通常将ID值赋给变量

var i = 1;
var time1 = setInterval(fun1, 1000)
function fun1() {
    if (i == 10) {
        clearInterval(time1)
    }
    console.log(i++);
}
  • 一次性计时器

setTimeout(fun,time) 参数: 函数,时间(以毫秒计时);返回ID值

停止

一次性计时器

clearTimeout() 参数为setTimeout(fun,time)的ID值

var time2 = setTimeout(fun2, 11000)
    function fun2() {
        console.log(123);
    }

以上是关于javaScript(叁)的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段