<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1{
background-color:#FF9900;
height:100px;
width:300px;
}
#div2{
background-color:#999999;
width:300px;
}
</style>
<script type="text/javascript">
function seldemo()
{
var selNode = document.getElementById("selid");
var value = selNode.options[selNode.selectedIndex].value;
var divNode1 = document.getElementById("div1");
var divNode2 = document.getElementById("div2");
divNode1.style.textTransform = value;
divNode2.innerText = "text-transform : "+value+" ;";
}
</script>
</head>
<body>
<!--
DOM编程：
1，定义界面：
通过html的标签将数据进行封装。
2，定义一些静态的样式。
通过css。
3，需要动态的完成的和用户的交互。、
a，先明确事件源。
b，明确事件将事件注册到事件源上。
c，通过javascript的函数对象事件进行处理。
d，在处理过程需要明确被处理的区域。
-->
<div id="div1">
Good good study,Day day up!
</div>
<p></p>
<select id="selid" onchange="seldemo()">
<option value="none">--none--</option>
<option value="uppercase">大写</option>
<option value="lowercase">小写</option>
</select>
<p></p>
<div id="div2">
text-transform : none ;
</div>
</body>
</html>
分享到：
相关推荐
【DHTML编程】 DHTML编程主要涉及使用DOM API来操作HTML元素，结合CSS来改变元素的样式，以及使用JavaScript或VBScript等客户端脚本来实现动态效果。通过编写脚本，开发者可以响应用户的交互，比如点击按钮、鼠标...
### 使用VB6.0中文版进行DHTML程序开发的关键知识点 #### 一、DHTML（Dynamic HTML）概念 DHTML是一系列技术标准的集合，它允许网页内容在不重新加载整个页面的情况下动态更新。这些技术包括HTML、CSS、DOM以及...
**JavaScript**是一种轻量级的解释型编程语言，广泛用于网页和网络应用开发。在DHTML中，JavaScript负责处理用户交互、动态改变HTML和CSS，实现页面的动态更新和行为。 **DOM（Document Object Model）**是HTML和...
同时，网上有许多教程、示例和社区讨论，可以加速学习过程。 总结来说，DHTML是构建动态、交互式网页的关键技术，它通过HTML、CSS、JavaScript和DOM的协同工作，为用户提供丰富的在线体验。随着Web技术的不断发展，...
在学习JavaScript时，了解其语法基础是构建任何程序的基础。 3. JavaScript的五大基本对象 文档指出JavaScript中有五大基本对象：String、Number、Boolean、Object和Function。理解这些内置对象的用途和特性是学习...
在本文中，我们将探讨如何利用DHTML（动态超文本标记语言）来设计Visual C++ (VC++) 应用程序的用户界面，特别是通过CDhtmlDialog类。CDhtmlDialog是Microsoft在Visual C++ 7及更高版本中引入的一个新类，它允许...
**DHTML菜单技术详解** ..."DHTMLMenu"工具简化了这一过程，使得非编程背景的设计师也能轻松创建出功能完善的动态菜单。通过深入理解DHTML菜单的构成和工作原理，开发者可以更好地利用这项技术，提升网站的用户体验。
标题"DHtml.rar_DHTML_VC DHTML_visual c"和描述"DHTML programing with VC to enhance GUI"涉及的关键知识点是使用Visual C++（VC）进行DHTML（动态超文本标记语言）编程，以提升图形用户界面（GUI）的功能和交互性...
1. **JavaScript**：JavaScript是DHTML的关键部分，它是一种轻量级的解释性编程语言，主要负责处理页面上的动态行为，如响应用户点击、改变元素属性、执行动画等。通过JavaScript，开发者可以创建表单验证、时间轮播...
4. **DOM（Document Object Model）**：DOM是HTML和XML文档的结构化表示，它将文档解析为一个树形结构，允许JavaScript通过编程方式访问和修改文档的各个部分。在DHTML中，DOM是实现元素动态操作的关键，如添加、...
JavaScript 是一种轻量级的编程语言，常用于网页的客户端脚本。在DHTML中，JavaScript负责处理用户的交互，改变HTML元素的属性，操纵CSS样式，以及与服务器进行异步通信。 4. **DOM (Document Object Model)** ...
9. **网页应用开发**：DHTML技术是构建现代网页应用的基础，如单页应用程序（SPA），它们在用户界面上提供了类似于桌面应用的交互体验。 10. **浏览器兼容性**：由于不同浏览器对DHTML的支持程度不一，开发者通常...
7. **调试和优化**：由于涉及到Web技术和C++的混合编程，调试可能会稍显复杂。使用Visual Studio的调试器配合F12开发者工具，可以帮助你定位问题并优化性能。 通过以上步骤，开发者可以充分利用DHTML的灵活性和表现...
7. **DHTML与Web应用**：随着Web2.0的发展，DHTML技术被广泛应用于各种富互联网应用程序（RIA），如Google Maps、Facebook等，提供类似桌面应用的用户体验。 8. **学习资源**：《DHTML参考手册》作为一本专门的教材...
在IT行业中，Spring、DHTML、JavaScript和Java是四个至关重要的技术领域，它们共同构建了现代Web应用程序的基础。本文将详细解析这些技术及其在API开发中的应用。 首先，Spring框架是Java企业级应用开发的核心工具...
DHTML文档对象模型（DOM）是W3C定义的标准，它提供了一种结构化的表示HTML或XML文档的方式，并允许编程语言（如JavaScript）来访问和操作文档内容、结构以及样式。在DHTML中，DOM是至关重要的，因为它使开发者能够...
- 开发过程中，调试和测试DHTML应用是必不可少的。手册可能介绍了各种开发者工具的使用，以及如何进行跨浏览器和设备的测试。 综上所述，DHTML_API.chm是一个全面的资源，它涵盖了DHTML开发的各个方面，无论你是...
《DHTML + CSS + JavaScript 实用手册》是一本详尽阐述网页制作技术的综合资源，包含三大部分：DHTML完全手册、CSS滤镜手册和JavaScript语言参考手册。这些手册为网页设计师和开发者提供了全面的指导，帮助他们创建...
**DHTML**，全称为**Dynamic HTML**（动态HTML），并非一门全新的编程语言或技术，而是基于现有的HTML、CSS和客户端脚本（如JavaScript）的集合。DHTML强调的是在网页下载到用户的计算机后，能够在不依赖服务器的...
4. **DOM模型**：DOM是HTML和XML文档的抽象表示，允许程序和脚本动态更新、添加和删除文档元素。手册会深入解析DOM树结构，如何通过JavaScript操作DOM节点，实现元素间的交互。 5. **事件处理**：DHTML的重要特性之...