JS学习--DOM

1.概念

文档对象模型DOM，定义访问和处理HTML文档的标准方法。DOM将HTML呈现为带有元素、属性和文本的树结构（节点树）。

2.document.getElementById("id")——获取的是一个元素对象。

documment.getElementById("id").innerHTML——才可获取其中的内容。

3.HTML样式

Object.style.property=new style;部分属性：

如： mychar.style.color="red";

4.display属性——显示和隐藏

使用语法：如mychar.style.display="none";

Object.style.display = value效果：

5.className属性

作用：

(1)获取元素class属性

(2)为网页的某个元素指定一个CSS样式来更改元素的外观。

语法：

object.className = classname

案例：

效果：

				


				
时间： 2024-12-11 14:33:55 

		


		


	

	
	

		


		
JS学习--DOM的相关文章


								

		

			

                js学习--DOM操作详解大全 前奏（认识DOM）
			

		

		

									

				一 . 节点属性 DOM 是树型结构,相应的,可以通过一些节点属性来遍历节点树: 方法 说明 nodeName 节点名称,相当于tagName.属性节点返回属性名,文本节点返回#text.nodeName,是只读的. nodeType 节点的类型,返回值:1,元素节点:2,属性节点:3,文本节点.nodeType 是只读的. nodeValue 节点的值,返回一个字符串,指示这个节点的值.元素节点返回 null,属性节点返回属性值,文本节点返回文本.nodeValue 可读可写,这是对元素节点不			

		

	

				

		

			

                js学习--DOM操作详解大全二（window对象）
			

		

		

									

				一.window - 计时器 1?setTimeout()可以用来在指定的时间之后单次调用函数.setTimeount(f,1000);//一秒后调用函数fclearTimeout();取消函数的执行 示例:用setTimeout函数在1秒后改变字体的大小为60px. <html> <head> <script> function invoke(f,start){ setTimeout(f,start); } function changeSize(){ //改变元素的			

		

	

				

		

			

                Js操作-DOM操作
			

		

		

									

				js学习--DOM操作详解大全 前奏(认识DOM) 一 . 节点属性 DOM 是树型结构,相应的,可以通过一些节点属性来遍历节点树: 方法 说明 nodeName 节点名称,相当于tagName.属性节点返回属性名,文本节点返回#text.nodeName,是只读的. nodeType 节点的类型,返回值:1,元素节点:2,属性节点:3,文本节点.nodeType 是只读的. nodeValue 节点的值,返回一个字符串,指示这个节点的值.元素节点返回 null,属性节点返回属性值,文本节点返回			

		

	

				

		

			

                JS加强学习-DOM学习01
			

		

		

									

				JavaScript由三个部分组成:ECMAScript.DOM.BOM.前面已经学习了ECMAScript中的基础内容,现在可以开始学习DOM部分了,在DOM中更多的是实际效果的展现. 1. DOM定义 DOM:document object model 文档对象模型 它是将整个页面文档封装成了一个对象,并且这个文档对象由很多不同的节点组成. 节点包括三部分: 元素节点(标签节点).属性节点.文本节点. 2. 获取页面的方式 2.1 getElementById Id: document.ge			

		

	

				

		

			

                JS 学习（三）DOM
			

		

		

									

				HTML DOM(文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model).HTML DOM 模型被构造为对象的树. HTML DOM树: JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应 查找HTML元素 通过 id 找到 HTML 元素,是最简单的方式 <p i			

		

	

				

		

			

                【转】Backbone.js学习笔记（二）细说MVC
			

		

		

									

				文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Backbone源码结构 1: (function() { 2: Backbone.Events // 自定义事件 3: Backbone.Model // 模型构造函数和原型扩展 4: Backbone.Collection // 集合构造函数和原型扩展 5: Backbone.Router // 路由			

		

	

				

		

			

                Ext JS学习第五天 Ext_window组件（二）
			

		

		

									

				此文用来记录学习笔记 •上一讲我们已经学过了window的使用,那么在这将中,我们将结合然后把Ext中需要注意的地方,以及组建的使用给予介绍.indow做几个Web开发的经典示例. •ExtWeb实战300例: –例1:点击按钮打开一个window,window重复创建的问题 •重点分析:这个问题是初学者经常会犯错的地方,一般来说简单的代码不会产生此问题,但是如果以后代码复杂以后,这个问题如果发生调试起来会非常麻烦!! 附上栗子代码 1 Ext.onReady(function () { 2 3			

		

	

				

		

			

                Angular JS 学习笔记
			

		

		

									

				特定领域语言 编译器:遍历DOM来查找和它相关的属性, 分为编译和链接两个阶段, 指令:当关联的HTML结构进入编译阶段时应该执行的操作,可以写在名称里,属性里,css类名里:本质上是函数 稳定的DOM:绑定了数据模型的DOM元素的实例不会在绑定的生命周期发生改变 作用域:用来检测模型的改变和为表达式提供执行上下文的 AngularJS 和其它模板系统不同,它使用的是DOM而不是字符串 指令: 由某个属性.元素名称.css类名出现而导致的行为,或者说是DOM的变化 Filter过滤器:扮演着数据			

		

	

				

		

			

                【转】Backbone.js学习笔记（一）
			

		

		

									

				文章转自: http://segmentfault.com/a/1190000002386651 基本概念 前言 昨天开始学Backbone.js,写篇笔记记录一下吧,一直对MVC模式挺好奇的,也对js中MVC的开创鼻祖怀着敬畏之心,唉,不说了,好虚伪,以下是我的学习心得和笔记. 给大家看一下全球js库和框架的使用比例:这是通过搜索引擎抓取script标签统计而来的数据,可信度相当高啊,另外,不要迷恋Angular.js,Avalon.js还是挺不错的. 什么是Backbone.js? Back