当前位置：网站首页 > 技术文章 > 正文

[.net编程自学网]JavaScript DOM编程(一)

myzbx 2025-07-27 22:31 4 浏览

为什么要学习JavaScript操作DOM

JavaScript最终是要操作Html页面，让Html变成DHtml，而操作Html页面就要用到DOM。DOM就是把Html页面模拟成一个对象，就像XDocument一样，把Xml模拟成了一个对象，提供了操作各个节点的方法，直接调用就可以了。如果JavaScript只是执行一些计算、循环等操作，而不能操作Html也就失去了它存在的意义。

什么是Dom？

DOM就是Html页面的模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本框、层等元素进行编程控制。比如通过操作文本框的DOM对象，就可以读取文本框中的值、设置文本框中的值。 JavaScript→DOM就是C#→.Net Framwork。没有.net，C#只能for、while，连WriteLine、MessageBox都不行。DOM就是一些让JavaScript能操作Html页面控件的类、函数。

DOM也像WinForm一样，通过事件、属性、方法进行编程。

CSS+JavaScript+DOM=DHtml 学习阶段只考虑IE。

用IE Collection安装IE所有版本，学习使用IE6（要调试必须使用本机安装的版本）。//js DOM在不同的浏览器下支持不一样。(IETester)

Dom模型

获取页面的元素：

window.id

document.getElementById()

C#编程自学_做最好的.net自学资料站_更多文章请访问：http://www.4k8k.net/

本文链接:
http://www.4k8k.net/qianduan/script/271.html

JS 调试

上一篇：web前端:使用nw.js 做桌面程序（node.js开发桌面应用）
下一篇：东莞车友 | 战斗范锐志G’s样式改装案例

相关推荐

前端面试题（前端面试题2025及答案）: 1.性能优化的几个方面?1.资源压缩合并,减少HTTP请求2.非核心代码异步加载3.利用浏览器缓存4.使用CDN5.预解析DNS2.如何进行首屏优化1》首先对于首屏，我认为用户体验有三个阶段：①就是页...

建筑钢筋等级在CAD绘图中符号标注: #来兴趣频道选好礼#建筑钢筋等级CAD图形符号标注按照国家相关规范规定，常用的是热轧钢筋，分为热轧带肋钢筋和热轧光圆钢筋。热轧光圆钢筋按屈服强度特征值分为235、300级，分别以HPB235、HP...

东莞车友 | 战斗范锐志G’s样式改装案例: 【改装清单】MarkXG’s包围叶子板碳纤维头盖DIY头铲DIY尾翼ce28轮毂AD08轮胎前ap9040后ap5200cusco刹车顶游客底盘8件套游客前后虾苏游客前后顶吧BCBR避震3.5膛缸...

全国首艘J型、S型双型多功能铺管船在沪建成: 5月28日，全国首艘J型、S型双型多功能铺管船在上海建成。JSD6000深水起重铺管船是一艘集世界先进船舶技术、智能控制系统和高强度材料于一体的海上工程。该船总长215.88米、型宽49.00米、型深...

[.net编程自学网]JavaScript DOM编程(一): 为什么要学习JavaScript操作DOMJavaScript最终是要操作Html页面，让Html变成DHtml，而操作Html页面就要用到DOM。DOM就是把Html页面模拟成一个对象，就像XDoc...

web前端:使用nw.js 做桌面程序（node.js开发桌面应用）: 1.同类型产品electronnw.js原名为node-webkit,后更名为nw.js,基于node.js&Chromium,以浏览器为核心，入口为一个index.htm;...

JS 跳过 debugger 的几种方法，看完就会了: 前端写自动脚本中最常见的就是debugger的干扰，debugger仅在调试模式中起作用，需要手动点击才会继续向下执行，这样我们的自动脚本也就卡住无法向下执行，本篇文章介绍几种跳过debugg...

《我的世界》最全萌新入坑指南!老MC看了都直呼来晚了: “如果在我一开始玩游戏的时候就有一份完整的攻略，那该多好啊！”《我的世界》作为一个极度开放的游戏，玩法不计其数，以至于在游戏最早期的时候，那一批玩家都是自己花费大量时间摸索各种玩法，研究特性。不过，在...

别再瞎调 JVM 了!Arthas 一键精准优化，性能飙升 10 倍不是梦: 别再瞎调JVM了！Arthas一键精准优化，性能飙升10倍不是梦在Java开发的世界里，JVM性能优化就像一场永无止境的马拉松。开发人员常常被各种性能问题折磨得焦头烂额，比如内存泄漏、...

HEU KMS Activato使用说明手册（heu_kms_activatorv11.2.0）: 第1节KMS概述1.1KMS简介通常企业、学校等拥有多台计算机，设想如果安装了Windows，然后管理员一台一台的去激活，管理起来十分不方便。为了解决这种问题，微软设计了一...

JD745X多功能水泵控制阀工作原理，安装调试，使用说明: JD745X多功能水泵控制阀安装在水泵出口。依靠介质自身压力实现开泵时缓开，关泵时先快速关闭，后缓闭的功能。符合离心泵特性曲线，有效消除水锤危害，保证用水安全。离心泵特性曲线标明，开泵时，关阀启动轴功...

优迈系统(一体化控制柜)快车调试(八): 逻辑故障和驱动故障分析段码管上显示警告码和故障码对照表警告码操作模式故障码操作模式或驱动故障AL000EPC（紧急电源管制模式）ER100DTC（门在设定时间内不能关到位）AL001COR（复位模式）...

Firefox 如何对发送的参数进行调试: 在网页或者API进行调试的时候，尤其是在OAuth调试的时候，我们希望能够调试发送到API的数据，这个时候如何进行调试呢？使用Firefox不是十分清楚如何使用Chrome进行调试，...

V8调试器调试Node.js程序（veh调试器）: Node程序的调试不太容易，Node没有专用的调试程序，但Node使用的V8引擎提供了一个强大的调试器，可以通过TCP协议从外部访问。Node内置了这个调试器的客户端，可以方便的对Node程序进行...

JavaScript报错了?不要慌!怎么看怎么处理都在这里: 在开发中，有时，我们花了几个小时写的JS代码，在游览器调试一看，控制台一堆红，瞬间一万头草泥马奔腾而来。至此，本文主要记录JS常见的一些报错类型，以及常见的报错信息，分析其报错原因，并给予处理...

一周热门

最近发表

首页
收录
顶部