美文网首页
Javascrip的DOM操作

Javascrip的DOM操作

作者: 61ae56c48fc6 | 来源:发表于2016-12-28 16:22 被阅读0次

操作文档对象

  • document.write()--将内容插入到文档对象末尾,不会将原来文档对象内容覆盖住,而是追加到末尾。

获取节点对象

  • getElementById()--通过元素ID获取元素节点对象。
  • getElementsByTagName()--通过元素标签返回元素节点对象素组。
  • childNodes--当前元素节点的所有子元素节点数组。返回的节点数组中包涵文本节点。可以通过节点的nodeType属性值来判断是文本节点还是元素节点,如果值为1那么就是元素节点,值为3那么就是文本节点,值为2那么就是属性节点。可以通过nodeValue来检索或设置节点的值。
  • firstChild--获取当前元素节点下的第一个子节点。
  • lastChild--获取当前元素节点下的最后一个子节点。

  • document.createElement(参数)--根据传入的元素标签名称创建一个元素节点,并返回创建的该元素节点对象。
  • document.createTextNode(text)--根据传入的文本,创建一个文本节点并返回该创建的文本节点。

元素节点的属性

  • innerHtml--可以通过该属性获取或者设置当前元素节点之间的内容。
  • parentNode--返回当前元素节点的父元素节点。
  • nextSibling--返回当前元素节点得下一个元素节点对象。

元素节点方法

  • getAttribute(属性名字)--通过传入一个属性名字参数获取当前元素节点属性的内容,如果没有则返回Null。
  • setAttribute(属性名字,属性值)--设置当前元素节点对象的某个属性值。
  • appendChild(child)--将child节点插入到当前元素节点的末尾。
  • insertBefore(newNode, thisNode)--将newNode节点插入到当前元素节点中thisNode子节点之前。
  • className--为当前元素节点设置类名。

JS中的定时器

  • setTimeout(函数名称, 时间/毫秒为单位)--多少毫秒过后调用一次传入的函数,并返回当前定时器对象。(不会重复调用)
  • setInterval(函数名称, 时间/毫秒为单位)--每隔多少毫秒调用一次函数(一直重复调用)
  • clearTimeout(定时器对象)--清除当前定时器。

相关文章

  • Javascrip的DOM操作

    操作文档对象 document.write()--将内容插入到文档对象末尾,不会将原来文档对象内容覆盖住,而是追加...

  • 虚拟dom和diff算法

    虚拟DOM和diff算法 diff:精细化比对最小量更新 真实DOM和虚拟DOM 虚拟DOM:用JavaScrip...

  • 进阶任务9-事件

    DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0可以通过HTML元素属性或者Javascrip...

  • JQuery 17

    jQuery中的DOM操作 DOM操作的分类 DOM操作分为3个方面,即DOM Core(核心)、HTML-DOM...

  • 好程序员分享JavaScrip数组去重操作实例小结

    好程序员分享JavaScrip数组去重操作实例小结,这篇文章主要介绍了JavaScrip数组去重操作,结合实例形式...

  • Vue解决了哪些问题

    虚拟 dom:dom 操作时非常耗性能的,不再使用原生的 dom 操作节点,极大的解放 dom 操作,但具体操作的...

  • jQuery中的DOM操作

    DOM操作的分类     DOM操作分为3个方面,即DOM Core(核心)、HTML-DOM和CSS-DOM。 ...

  • DOM (javascript DOM节点操作)

    DOM (javascript DOM节点操作) 本节目录 查找DOM元素 DOM节点操作 javascript操...

  • jQuery中的DOM操作

    jQuery中的DOM操作 DOM操作的分类 一般来说DOM的操作分为3个方面,即DOM Core、HTML-DO...

  • jQuery——DOM

    DOM操作分类 一般来说,DOM操作分为3个方面,即DOM Core、HTML-DOM、CSS-DOM。 DOM ...

网友评论

      本文标题:Javascrip的DOM操作

      本文链接:https://www.haomeiwen.com/subject/jchkvttx.html