javaScript.DOM. 编程艺术第二版

最新推荐文章于 2022-07-14 23:34:29 发布

六楼外的风景

最新推荐文章于 2022-07-14 23:34:29 发布

阅读量1k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了W3C定义的文档对象模型（DOM）的基本概念及其在网页中的应用。DOM是一种为HTML和XML文档处理提供标准接口的技术，使得开发者可以通过编程方式创建、修改、删除文档中的元素。文中还提供了一个简单的JavaScript脚本来展示如何操作DOM。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<BODY>
  <h1> what is the Document Object Model?</h1>
	<p>
		The <abbr title="...ConSortium">W3C</abbr> define<abbr title="doment object">
		DOM</abbr> as:
	</p>
	<blockquote cite="http://www.w3c.org/DOM/">
	<p>
		Afds fd  fds 
		and .... of document.
	</p>
	<p>
		It is
		The <abbr title="...YF is">YF</abbr>
	</p>


	 <script type="text/javascript">
	    displayAbbreviations();
		function displayAbbreviations(){
			var abbreviations = document.getElementsByTagName("abbr");
			var abblength=abbreviations.length;
			
			if(abblength>0){
			    var defs = new Array();
				for(var i=0;i<abblength;i++){
					var key = abbreviations[i].lastChild.nodeValue//W3C DOM YF
					var attTitle = abbreviations[i].getAttribute("title");
					 defs[key]=attTitle;
				    }

				var dlist = document.createElement("dl");
				 for(key in defs){
				 //dt
				//	alert(key);
				//	alert(defs[key]);
				  var definition = defs[key];
				  var dtitle = document.createElement("dt");
				  var dtitle_text = document.createTextNode(key);
				  dtitle.appendChild(dtitle_text);
				  dlist.appendChild(dtitle);
				  //dd
				  var ddesc = document.createElement("dd");
				  var ddesc_text = document.createTextNode(definition);
				  ddesc.appendChild(ddesc_text);
				  dlist.appendChild(ddesc);
				 }
				//h2
				var header = document.createElement("h2");
				var header_text=document.createTextNode("Abbreviations");
				    header.appendChild(header_text);
				//body
				    //document.getElementsByTagName("body")[0];
				  //document.body.appendChild(header);
					//document.body.appendChild(dlist);
                 document.getElementsByTagName("body")[0].appendChild(dlist);
				 document.getElementsByTagName("body")[0].appendChild(header);

			      }
	         	}
			


	</script>
 </BODY>
</HTML>