手机版

百科生活 投稿

dom是什么属性,dom属性是什么意思(DOM元素属性值如果设置为对象)

百科 2026-02-11 15:18:18 投稿 阅读:7880次

关于【dom是什么属性】:dom属性是什么意思,今天小编给您分享一下,如果对您有所帮助别忘了关注本站哦。

  • 内容导航:
  • 1、dom是什么属性:dom属性是什么意思
  • 2、DOM元素属性值如果设置为对象

1、dom是什么属性:dom属性是什么意思

  DOM全称DocumentObjectModel,即文档对象模型,它允许脚本(js)控制Web页面、窗口和文档。对象你知道吧,一个人就是一个对象。那么动物呢,一条狗也是对象,作为高大尚的人怎么可以和动物扯在一块,这个时候,是不是就要分类啦比如人类呀,动物啦,植物啦,等等…所以就有了w3c里面介绍的那样咯,DOM标准被分为3个不同的部分:

  核心DOM-针对任何结构化文档的标准模型

  XMLDOM-针对XML文档的标准模型

  HTMLDOM-针对HTML文档的标准模型

  做网页的都知道,想要做一个动态页面,需要交互之类的,那这个时候,静态页面是无法满足的,千万别跟我说,你可以提前把要查询的显示的内容写在代码里,那么多数据,你要写几年啊。。要实时变化嘛,当然得有后台支持。就比如你在博客里,修改个人信息,添加一个标签页,删除个性签名等等,都需要同步的额。

2、DOM元素属性值如果设置为对象

内部会调用toString方法,将设置的对象转换为字符串添加给相应的属性;

这个问题呢,是通过jQuery的each方法中,回调函数的this指向问题而来;

我们知道,回调函数中的this如果指向的是基本数据类型,那么系统会自动将这个基本数据类型的值包装为对应的对象类型;

就比如:

dom是什么属性,dom属性是什么意思(DOM元素属性值如果设置为对象)

数组里面存的是string类型的值,然后jq实例调用each方法,打印的this如下图所示:

dom是什么属性,dom属性是什么意思(DOM元素属性值如果设置为对象)

this指向的基本数据类型的值被转换为了String类型;

但是这里说的不是这个问题,而是和这个问题类似,我们在给DOM元素设置属性值的时候,如果设置的是对象呢?

获取页面中的span,然后给两个span分别设置属性‘a’,属性值为两个对象:

dom是什么属性,dom属性是什么意思(DOM元素属性值如果设置为对象)

看看设置后显示的结果:

dom是什么属性,dom属性是什么意思(DOM元素属性值如果设置为对象)

第一个属性值:内部调用toString方法将{a : 'a',b : 'b'}对象转换为字符串设置;

第二个属性值:同理,也是调用toString方法将String对象的实例转换为字符串设置;

那么,我们在回到jQuery中,

如果用each方法给DOM添加属性值;

推荐下我的前端群:524262608,不管你是小白还是大牛,小编我都欢迎,不定期分享干货,包括我自己整理的一份前端资料和零基础入门教程,欢迎初学者和在进阶中的小伙伴。

jQuery中的each方法的回调函数中的this,如果指向的是字符串类型的数据,那么在回调函数中操作this给元素添加属性值,是没有问题的,因为this即使被转换为了相应的对象类型数据,那么再给DOM元素添加的时候,内部会调用toString方法在对象类型的数据转换为字符串添加,就相当于‘又折腾回来了’;

那么,如果this指向的不是字符串类型数据,那么就操作参数吧~

本文关键词:dom属性是什么意思,Dom属性是什么,dom属性是啥,DOM是什么属性,DOM含义。这就是关于《dom是什么属性,dom属性是什么意思(DOM元素属性值如果设置为对象)》的所有内容,希望对您能有所帮助!

本文链接:https://bk.89qw.com/a-490381

最近发表
网站分类