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

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

WBOY
WBOYOriginal
2016-06-24 11:56:50832Durchsuche

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

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

    Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn