DOM详解

作者: 嗨黄先生 | 来源:发表于2017-10-11 22:17 被阅读0次

DOM案例

1、显示二维码
2、禁用文本框和获取失去焦点输入事件
3、表单处理,Input取值赋值和select选水果
4、验证账号密码,高亮显示
5、全选反选

属性获取、修改和删除(属性绑定)

teb栏(排他思想)

点亮盒子(第三种体验双重for循环,第一种打印三角形,第二种冒泡排序)
弹出索引值
属性绑定
两个for循环变一个

自定义属性(兼容书写)

直接绑定属性:不会在标签显示(没有的属性)
标签中的自定义属性,不能box.aaa获取
(火狐谷歌IE9+)(IE678可以获取)
get/setAttribute();可以

节点关系(父节点、兄弟节点、子节点、所有字节点)

1.子节点。(京东头)
2.nodeType/nodeName/nodeValue:    

元素/属性/文本 123/标签:属性名:#text/null:属性值:内容
3.childNodes实现各行变色index = 0;
4.父节点/所有子节点/兄弟节点

相关文章

  • 小试牛刀——DOM&BOM&EVENT

    初级-DOM详解系列 1-初识DOM DOM: Document Object Model (文档对象模型)简单来...

  • DOM和BOM

    DOM和BOM 参考 DOM与BOM 和 BOM和DOM详解 javascript 有三部分构成:ECMAScr...

  • 《DOM探索之基础详解篇》笔记

    慕课网 DOM探索之基础详解篇 学习笔记 一、认识DOM DOM 提供了用程序来动态控制HTML的接口。 DOM级...

  • 【DOM】DOM的操作(增删改查)

    操作DOM的核心就是增删改查 参考: JavaScript DOM编程——API详解 目录 一、节点创建型API ...

  • DOM详解

    DOM案例 1、显示二维码2、禁用文本框和获取失去焦点输入事件3、表单处理,Input取值赋值和select选水果...

  • JavaScript DOM操作(一)

    javascript-节点属性详解 根据 DOM,HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的:...

  • 城市选择(小程序 - 热门城市 - wepy)

    项目中采用的小程序框架 wepy 来搭建小程序项目 1、搭建城市选择的dom结构 1.1 dom结构 图片代码详解...

  • HTML DOM 详解

    警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....

  • DOM分级详解

    DOM1 级(DOM Level 1) DOM1 级由两个模块组成:DOM核心(DOM Core)和DOM HTM...

  • 虚拟DOM详解

    vdom是什么?为何使用vdom? virtual dom,虚拟DOM 用JS模拟DOM结构 DOM操作非常昂贵 ...

网友评论

      本文标题:DOM详解

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