[A] : dom编程

在此前面的章节都是基础章节,基础章节仅供辅导提升课外使用,不能替代现有的所有内容,将打算分为26个章节完成dom编程
当然有很多历史上的遗留问题,这部分需要自己查询,凡是标准按照MDN文档里的接口来说明。
现在市面上已经很多成型的dom编程的书籍,我这里按照的是从基本的内容解析开始,如果调用document自带的query函数,和其他的内置api。

从这一章开始,你所需要的基本了解

  1. html 是一种结构化标签,用来描述超文本,是网络资源上的一个节点,常规的html文件后缀就是html,最新的html标准是 html5
  2. javascrip是一门弱类型动态语言。window是浏览器提供的javascript顶级对象。
  3. dom编程使用javascript与html节点交互,交互方法就是调用Application Programming Interface(API)
  4. 为了统一,使用编码集为utf-8
  5. document是文档的顶级对象,代表的是整个html文档节点#document
  6. html内所有的内容都有对应的文档节点可以表示,注释也是一个文档节点
  7. 跟文档交互使用的是window.document属性,简写为document
  • 创建一个文档标签节点
var div = document.createElement('div'); 
div.constructor.name // HTMLDivElement
// 但是不可以用 new HTMLDivElement创建一个div标签节点
new HTMLDivElement // Illegal constructor

// 如果创建的节点标签不存在,从 HTMLUnknownElement创建元素
var unknown = document.createElement('unknown');
unknown.constructor.name // HTMLUnknownElement
  • 创建一个文档文本节点
var textNode = document.createTextNode('this is text'); 
textNode.constructor.name // Text
//实验室功能:可以用Text直接构建一个文本节点
var text = new Text("this from Text");
  • 创建一个注释节点
var commentNode= document.createComment('this is Comment'); 
commentNode.constructor.name // Comment
//实验室功能:可以用Comment直接构建一个注释节点 
var comment= new Comment("this from Comment");
  • 创建一个属性节点
var attr = document.createAttribute("attr");
attr.constructor.name  // Attr
//即将废弃 , Attr将不再继承Node节点

以上的节点全部继承于 Node (节点)。节点也是用来描述文档的主要内容。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,387评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,845评论 1 298
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 110,091评论 0 246
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,308评论 0 214
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,662评论 3 288
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,795评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,008评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,743评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,466评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,687评论 2 249
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,181评论 1 262
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,531评论 3 258
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,177评论 3 239
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,126评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,902评论 0 198
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,862评论 2 283
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,734评论 2 274

推荐阅读更多精彩内容

  • 之前通过深入学习DOM的相关知识,看了慕课网DOM探索之基础详解篇这个视频(在最近看第三遍的时候,准备记录一点东西...
    微醺岁月阅读 4,383评论 2 62
  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 2,832评论 4 14
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,723评论 0 8
  • 最近在学习javascript关于DOM的一些知识,在这里对DOM做一些总结。 1.DOM简介 DOM是W3C的标...
    风之郁少阅读 347评论 0 5
  • 前一阵子,看了两本书,都是关于完美主义的。 《承认不完美,心灵才自由》 这本书在心理类书籍中挺有名,曾一度占据着美...
    晴空蔚阅读 406评论 0 3