Maison > interface Web > tutoriel HTML > 通过对HTML有一定的了解后,现在我开始学HTML DOM了。_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 11:56:50
original
837 Les gens l'ont consulté

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

  之前用五周时间学习了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

    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal