DHML的含义以及组成

最新推荐文章于 2022-11-22 18:34:37 发布

112358lo

最新推荐文章于 2022-11-22 18:34:37 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：练习 DHTML

本文链接：https://blog.youkuaiyun.com/e286878553/article/details/80889822

练习同时被 2 个专栏收录

53 篇文章

订阅专栏

DHTML

2 篇文章

订阅专栏

DHTML：动态的HTML，它不是一门语言，是多项技术综合体的简称。

DHTML=HTML+CSS+DOM+JS

技术边界：

HTML：负责提供标签，对数据进行封装目的便于对该标签中的数据进行操作。

CSS：负责提供样式属性，对标签中的数据进行样式定义。

DOM：负责将标记型文档以及文档中的所有内容进行封装成对象，解析，在对象中定义了更多的属性和行为便于对HTML的操作。

JS：负责程序提供设计语言。

下面看个DHTML的小例子：

<style type="text/css">
		.d{
			background-color:#00ff00;
				width:200px;
				height:40px;
		}
	
	</style>

主代码：

 <body>
    <div id="div1">	
    </div>
    <input type="button" value="dhtml简单的演示" onclick="Demo();"/>
  		<script type="text/javascript">
  			function Demo(){
  				  var objDiv = document.getElementById("div1");
	  
	  //设置纯文本
	  //objDiv.innerText=objDiv.innerText+"湖南城市学院";
	 
	  //设置HTML格式串
	  objDiv.innerHTML=objDiv.innerHTML+"<button>aa</button>";
	  objDiv.className="d";
  			}
  		
  		</script>
  </body>

效果图：