DOM详解

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.父节点/所有子节点/兄弟节点

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....
    鹿守心畔光阅读 4,918评论 0 2
  • DOM DOM内容主要分为四部分: 什么是DOM和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...
    magic_pill阅读 4,196评论 0 1
  • 原文 链接 关注公众号获取更多资讯 一、基本类型介绍 1.1 Node类型 DOM1级定义了一个Node接口,该接...
    前端进阶之旅阅读 9,369评论 7 34
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,673评论 1 41
  • 我于长安夜 送你西域归去 一如千年前 你送我归来长安 我将马脖上的铃铛摘下送你 谢你一路提携相助 而如今 你站在灯...
    苏籽阅读 1,079评论 0 0