首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS之文档对象模型DOM

    解析模型,将文档加载到 内存,形成一个树形结构 就是根节点,每个标签会成为一个元素节点、标签的属性成为属性节点,标签内部的文本内容成为文本节点 注意:属性节点,它不属于DOM树形结构,不属于任何节点父节点...Element DOM Attr DOM Text DOM Document HTML DOM是对XML DOM的扩展, HTML DOM比XML DOM 开发JS来说更加简单方便!...HTML DOM最优秀的地方是,操作form对象和table数据 1.BOM和HTML DOM关系图 学习DOM 编程,从Document对象开始,document代表当前HTML网页文档对象,是window...对象一个属性,可以直接使用 ,所有HTML DOM对象都是Document子对象 2.DOM编程开发 window.document 代表整个HTML文档 ①:通过document获得Node节点对象...DOM 创建节点:document对象提供createElement() 创建元素、createAttribute(name) 创建属性、createTextNode() 创建文本节点 DOM 添加节点

    3.3K60

    js对象(BOM部分DOM部分)

    JS总体包括ECMAScript,DOM,BOM三个部分,但是能够和浏览器进行交互的只有DOM和BOM,那么到底什么是DOM和BOM呢 概念 BOM(Browser Object Model)是指浏览器对象模型...当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。...HTML DOM 模型被构造为对象的树 DOMDOM标准规定HTML文档中的每个成分都是一个节点(node): 文档节点(document对象):代表整个文档 元素节点(element 对象):代表一个元素...DOM创建动态的 HTML: JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS...根据class属性获取 document.getElementsByTagName 根据标签名获取标签合集 注意: 涉及到DOM操作的JS代码应该放在文档的哪个位置。

    4.3K20

    JS对象Dom对象与jQuery对象之间的区别

    通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的 内容进行修改和删除,同时也可以创建新的元素。 DOM 独立于平台和编程语言。...通过js获取的DOM对象就是js对象 当浏览器支持jsdom接口(api)时,这里狭义的dom对象是以js对象的形式出现的, 也就是一个js对象。...2)jQuery对象js对象区别 jQuery对象属于js的数组 jQuery对象是通过jQuery包装的DOM对象后产生的 jQuery对象不能使用DOM对象的方法和属性 DOM对象不能使用jQuery...2.2 jQuery对象DOM对象的互相转换 2.2.1 jquery对象转换成dom对象 jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index)...//检测这个checkbox是否给选中 2.2.2 dom对象转换成jquery对象 对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了, 方法为$(dom对象)

    2.8K10

    Js如何创建一个自定义对象

    前言 JS中分两种数据类型,一种是基本数据类型,另外就是复杂数据类型,在描述一个事物对象,当比较复杂时,一般可以用数组和对象来存储 在Js中的对象,指的是一系列互相嵌套的键值对,在做web开发时,大多数控件都是以对象或数组的形式来提供给开发人员使用...那如何创建一个对象呢,如何给对象添加属性和方法?...在Js当中有一些方法,如下所示 01 方法1-使用文本字面量形式 这种方法创建对象是比较直接,常见的一种方式,就是使用大括号的方式,可以看做是js对象的本本标识,也就是说,可以通过输出字符串的形式来了解对象有哪些键值对...,它也是JSON形式,用于js的数据存储和传递,给对象添加属性和添加方法 如下代码所示 // 用大括号创建对象的方法,这种方法最常见,使用最频繁 var obj1 = {}; // 使用大括号创建一个内容为空的对象...; 当值为函数时,那么对象下面绑定的就是方法,使用函数的作用厉害之处,除了可以复用代码,另一个就是可以接收传递参数 02 方法2-使用构造器函数创建对象 创建构造器函数创建对象也是一种创建对象的方法

    4.6K20

    JSDOM

    DOM:document object model。文档对象模型。它主要由许多节点。而基于JS对象的一切视角,DOM核心是节点对象和操作方法的属性。从下面三方面来介绍DOM。...见导图: 二、DOM之CSS样式 对于这部分的内容,涉及到的也是CSS样式的获取和操作。...三、元素尺寸和位置 通过上述CSS样式的方式,我们也是能够获取DOM中各个元素的尺寸和位置的,但有一个弊端:当元素中存在pading,margin这些样式设计时,这些方法便不能获得一些元素真正的大小和位置...会有不同的结果,仅依据需求使用就可以 周边大小: 小结:DOMJS学习的一个核心内容。...当中涉及到的元素节点的属性和基本操作也是前台页面中最重要的组成,通过这些,才干使JS中基于对象的思想发挥作用。能够说,B/S UI页面中的一切都是建立在这些元素的基础之上的。

    3.2K20

    第163天:js面向对象-对象创建方式总结

    面向对象-对象创建方式总结 1、 创建对象的方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景。比如设置函数原型对象。...缺点: 不能作为对象创建的模板,也就是不能用new进行构造新对象。 2、 创建面向对象的方式: new Object()的方式。 不推荐使用。...3、 构造函数构造对象方法 把 一个函数对象 当做构造函数来使用,一般要把 函数对象的首字母大写 1 function Persion() { 2 this.name = '123'; //...7 8 var p = new Persion(); 9 //** new 运算符的作用: 10 // 第一步: 11 // 执行构造函数(new后面的那个函数),在构 12 //造函数内部创建一个对象...31 //如何解决:继续升级 32 function Sprite( option ) { //我用一个对象把所有参数覆盖。灵活性就很强了。

    1.7K10
    领券