美文网首页
js与dom节点的那些事

js与dom节点的那些事

作者: 梦方休 | 来源:发表于2018-11-13 15:16 被阅读0次

定义

  • Dom俗称文本模型,对于一个html文件,浏览器会将其解析成树状的节点,就如同文章被分为不同段落一样,一般形成如下的一个简单的树状结构 image.png

对于元素节点你可以理解成标签<h1></h1>,你可以将这一对标签看做一个对象,那么既然是对象自然有属性和样式以及内容,他的内容也被称为文本节点比如<h1>文本</h1>,那么问题来了,如果是标签之外有空白文本,那么是文本节点么,答案:是,不过继续引申下去就涉及到浏览器兼容性问题了.

如何用js去控制dom节点

image.png

所谓属性节点你可以理解成固定属性,比如名字,性别这些东西,至于样式,你可以理解成颜值,两个长得一样的美女,一个用了会打扮,一个不会打扮,那么颜值自然不同

作用

  1. 可以动态更改页面内容
  2. 可以动态更改文章样式和属性
  3. 它的最大作用就是让js可以控制页面显示,不需要在html页面直接修改了,方便后期维护与迭代

相关文章

  • js与dom节点的那些事

    定义 Dom俗称文本模型,对于一个html文件,浏览器会将其解析成树状的节点,就如同文章被分为不同段落一样,一般形...

  • 2018-08-22

    day03-js3 1、DOM操作children 子节点 儿子节点parentNode 父节点 2、事...

  • DOM和BOM的基础知识

    目录 js组成 DOMDOM是什么DOM节点是什么查找DOM节点,查看DOM节点的属性和样式添加DOM节点删除DO...

  • JS双向数据绑定

    双向数据绑定简述 双向数据绑定,可以将JS对象的属性绑定到DOM节点上,实现JS对象跟DOM节点的同名属性的关联,...

  • web前端实用案例-图片无限懒加载开发

    效果知识点:for循环语句,DOM概念,元素获取,动态布局,基本算法,节点操作,JQ与JS的关系与区别,JS的重要...

  • vue-diff算法

    虚拟DOM(Virtual Dom),也就是我们常说的虚拟节点,是用JS对象来模拟真实DOM中的节点,该对象包含了...

  • WK 与 JS 的那些事

    WK 与 JS 的那些事 WK 与 JS 的那些事

  • 前端知识积累之——JS篇

    1 原生js的dom操作 创建节点 createElement 移除节点 removeChild 替换节点 rep...

  • DOM和BOM面试知识点

    DOM 1. DOM节点获取 2. DOM节点的property 修改的是JS变量的属性,不会对标签产生什么样的影...

  • jQuery-dom操作

    DOM节点的创建 jQuery节点创建与属性的处理 创建元素节点: 创建为属性节点: DOM节点的插入 DOM内部...

网友评论

      本文标题:js与dom节点的那些事

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