美文网首页简媒
第3节: DOM对象的访问

第3节: DOM对象的访问

作者: 程序世界 | 来源:发表于2020-03-07 14:22 被阅读0次

知识讲解:

DOM(Document Object Model)文本对象模型,每一个页面都是一个DOM对象,传统的JavaScript代码访问id号为test的元素,代码如下列所示:

vartDiv=document.getElementById("test")

如果采用jQuery方法去访问DOM对象,则十分简单,而且生成了一个jQuery对象,如下列代码所示:

var tDiv=$("#test")

例如,在一个页面中,先保存jQuery对象,并获取对象的显示内容,同时,把获取的内容输出在页面中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,因为采用了jQeury方式获取元素,因此变量oTest就是一个jQeruy对象,通过调用该对象的html()方法就可以取元素中的内容。

相关文章

  • DOM对象和jQuery对象

    (1)、DOM对象只能访问DOM对象的API (2)、jQuery对象只能访问jQuery对象的API (3)、D...

  • 第3节: DOM对象的访问

    知识讲解: DOM(Document Object Model)文本对象模型,每一个页面都是一个DOM对象,传统的...

  • 2018-08-21

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型...

  • 四、JavaScript HTML DOM

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型...

  • HTML JS DOM

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型...

  • JavaScript 02 HTML DOM

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型...

  • JavaScript DOM编程(1)修改html css

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模...

  • JavaScript HTML DOM

    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型...

  • jQuery | 获取及设置内容和属性

    获取 什么是DOM?DOM = Document Object Model(文档对象模型),用来定义访问 HTML...

  • JavaScript入门3

    DOM概念 文档对象模型 DOM(Document Object Model)定义访问和处理 HTML 文档的标准...

网友评论

    本文标题:第3节: DOM对象的访问

    本文链接:https://www.haomeiwen.com/subject/ykrcdhtx.html