通过对HTML有一定的了解后,现在我开始学HTML DOM了。

终于能将自己的想法写出来了

  之前用五周时间学习了XML,HTML, XHTML,CSS,javascript 语言,对他们有了一定的 了解。今天开始学习HTML DOM了,我大部分都是从http://www.w3school.com.cn/这个网站开始入手的,很不错的。这几天看了一些HTML DOM 的知识,现在我将我对她的皮毛理解晒出来,当然我理解的很浅,我的直接目的就是不可以得过且过,心里明白就行,而要将自己对他的理解写出来,希望博客园的大神们可以暂留一分钟,留更多的建议给我

Document Object Model(文档对象模型),简称DOM.

    • DOM是W3C(万维网联盟)的标准,是一个规则.
    • DOM定义了访问和操作HTML和XMl内容的标准规则,就像我们剪头发用的VIP卡一般,理发店规定只有会员才可以享受优惠,这就是一种标准,理发店的规定就类似于DOM,优惠的内容就像HTML或XML的内容一般,只有从在这种规定,才能正确的访问内容。
    • HTML DOM中,所有的元素都被看作是节点,将整个HTML文档看做一个节点树,以后再用DOM中定义的标准方法去访问这些节点,这其实就是DOM的作用,将HTML文档的内容转换为节点形式让我们方便的访问和使用。

下面是HTML DOM 节点树的例子

有了这个节点树的概念,我们就可以用DOM标准通过javascript语言去访问节点树中的所有节点内容了。

所有的HTMl元素内容都被看做对象,而该对象的属性和方法就是编程接口

  • getElementById()方法

getElementById() 方法返回带有指定 ID 的元素:例子http://www.w3school.com.cn/tiy/t.asp?f=dom_getelementbyid

  • innerHTML 属性

innerHTML属性用于获取或替换HTML文档的内容:例子http://www.w3school.com.cn/tiy/t.asp?f=dom_innerhtml

其他更多的对象方法和属性请访问http://www.w3school.com.cn/htmldom/dom_methods.asp

时间: 2024-10-12 23:33:05

通过对HTML有一定的了解后,现在我开始学HTML DOM了。的相关文章

Ajax中主页加载分页面后,分页面js脚本不执行的解决办法

没看懂,稍后再看 Ajax中主页加载分页面后,分页面js脚本不执行的解决办法 最近捣鼓JQuery,其中强大的Ajax系列函数令人印象深刻,所以做项目时毫不犹豫地采用了一下该技术,在主页中动态加载分页面进来,咋看效果 不错,都能实现了第一层次的加载,但深入下去问题就出来了:动态加载进来的页面中外联了js文件,其中的脚本却没有在加载后运行! (脚本在单独浏览该分页面时运行是正常的) 我郁闷了,打开Firefox中的Firebug查看了加载后的主页面中的DOM,所有元素的加载都是正常的啊~ 自己改来

男人到了二十几岁后

一.拥有自信和风度         男人到了二十几岁后,就要开始学着用心去经营自己了,它体现在自己的思想与涵养上.自信是一个男人最重要的品质,自信的男人就你像一只在暴风雨中战斗的海鸥.海鸥所要说的只有一句话"让暴风雨来的再猛烈些吧",只因为它无所畏惧.一个自信的男人,总是能够感染别人,无论这些人是朋友还是敌人.要使别人对你有信心,就必须要先对自己充满信心.自信的男人可以战胜一切困难. 一个有风度的男人就像一片大海,不拒点滴,又包容江河.有风度使男人得到更多的青睐,不争眼前才能够放眼世界

蓝的成长记——追逐DBA(17):是分享,还是消费,在后IOE时代学会成长

原创作品,出自 "深蓝的blog" 博客,欢迎转载,转载时请务必注明出处,否则追究版权法律责任. 深蓝的blog:http://blog.csdn.net/huangyanlong/article/details/46456389 [简介] 个人在oracle路上的成长记录,其中以蓝自喻,分享成长中的情感.眼界与技术的变化与成长.敏感信息均以其它形式去掉,不会泄露任何企业机密,纯为技术分享. 创作灵感源于对自己的自省和记录.若能对刚刚起步的库友起到些许的帮助或共鸣,欣慰不已. 欢迎拍砖

Jquery基础总结

jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. <ul> <li id=&quo

python2.0_s12_day13_javascript&amp;Dom&amp;jQuery

今天主要内容:JavaScriptDomjQuery http://www.cnblogs.com/wupeiqi/articles/5369773.html 今天主要内容大致了解:javascript 1.首先要知道 JavaScript 和 Java 没有半毛钱关系. 2.JavaScript 和python语言 一样 它也是一门语言.对于python语言需要用python解释器解释.而javascript的解释器是浏览器. 3.javascript 能实现什么.javascript就是让我

浏览器的渲染原理简介

原文转自:http://kb.cnblogs.com/page/178445/ 看到这个标题大家一定会想到这篇神文<How Browsers Work>,这篇文章把浏览器的很多细节讲得很细,而且也被翻译成了中文.为什么我还想写一篇呢?因为两个原因, 1)这篇文章太长了,阅读成本太大,不能一口气读完. 2)花了大力气读了这篇文章后可以了解很多,但似乎对工作没什么帮助. 所以,我准备写下这篇文章来解决上述两个问题.希望你能在上班途中,或是坐马桶时就能读完,并能从中学会一些能用在工作上的东西. 浏览

一种学习的方法---安静

我是这样学习<算法导论>的: 8  :10——9  :00  起床.洗漱.吃饭: 9  :00——12:30 去自习室用c语言实现书中的算法,并学习书上这部分的内容: 12:30——15:00吃饭.玩电脑.午休: 15:00——17:30在公开课上看一位MIT教授(<算法导论>的作者之一)关于算法的视频: 17:30——18:20晚饭: 18:20——22:00去自习室学习下午在视频上看到的内容. 日复一日,到今天为止,我已经按这个时间表学习了十天左右(其中有两三天因为打球.去外地

学习软件开发的心得

一.结缘计算机 我在小学五年级就开始使用计算机,不过那时候的我只能称得上是玩电脑,算不上用电脑.连简单的复制.粘贴.剪切等操作都不会,迷迷糊糊玩了几年游戏.后来高考填志愿也是因为喜欢计算机,而且该行业就业前景比较好,所以就填报了该专业.其实进入大学前对计算机一无所知,连最简单的cmd命令行都没有接触过.进入大一后,最开始学的是C语言.那时的我还是"闭关锁国",一个人再默默地学,C学得到也不错.指针.链表.结构体.队列.树等都写过,后来学聪明了,加了个群,开始和外面的人交流学习经验.直到

网页性能管理详解:浅谈chrome-Timeline及window.requestAnimationFrame()方法

你遇到过性能很差的网页吗? 这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅. 你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站.作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢? 本文将详细介绍性能问题的出现原因,以及解决方法. 一.网页生成的过程 要理解网页性能为什么不好,就要了解网页是怎么生成的. 网页的生成过程,大致可以分成五步. HTML代码转化成DOM CSS代码转化成CSSOM(CSS Object Model