JavaScript DOM编程艺术—显示“缩略语列表”
来源:互联网 发布:文明5mac汉化补丁 编辑:程序博客网 时间:2024/06/05 19:34
将文档中的<abbr>标签中的title属性集中起来显示在一个页面.
test.html
<!document html><html lang="en"><head><meta charset="utf-8" /><title>Explaining the Document Object Model</title></head><body><h1>what is the Document Object Model?</h1><p>The <abbr title="world wide webconsortium">W3C</abbr> defines the <abbr title="Document Object Model">DOM</abbr> as:</p><blockquote cite="http://www.w3.org/dom/"><p>A platform and language-neutral interface that will allow programsand scripts to dynamically access and update the content. structures and style of documents.</p></blockquote><p>it is an <abbr title="Application Programming InterFace">API</abbr> that can be used to navigate HTML and XML documents.</p><script type="text/javascript" src="addLoadEvent.js"></script><script type="text/javascript" src="displayAbbr.js"></script></body></html>
addLoadEvent.js
function addLoadEvent(func){var oldonload = window.onload;if(typeof window.onload != 'function'){window.onload = func;}else{window.onload = function(){oldonload();func();}}}
displayAbbr.js
addLoadEvent(displayAbbr);function displayAbbr(){if(!document.getElementById) return false;if(!document.getElementsByTagName) return false;if(!document.createElement) return false; var abbrs = document.getElementsByTagName("abbr");// if(abbrs.length < 1) return false; var arr = new Array();for(var i=0; i<abbrs.length; i++){var abbr = abbrs[i];if(abbr.childNodes.length < 1) continue;var key = abbr.lastChild.nodeValue;var description = abbr.getAttribute("title");arr[key] = description;}//创建定义列表var xdl = document.createElement("dl");for(key in arr){var xdt = document.createElement("dt");var atxt = document.createTextNode(key);xdt.appendChild(atxt);var xdd = document.createElement("dd");var btxt = document.createTextNode(arr[key]);xdd.appendChild(btxt);xdl.appendChild(xdt);xdl.appendChild(xdd);} document.body.appendChild(xdl);}显示效果:
what is the Document Object Model?
The W3C defines the DOM as:
A platform and language-neutral interface that will allow programs and scripts to dynamically access and update the content. structures and style of documents.
it is an API that can be used to navigate HTML and XML documents.
- W3C
- world wide webconsortium
- DOM
- Document Object Model
- API
- Application Programming InterFace
0 0
- javascript DOM编程艺术--显示缩略语列表
- JavaScript DOM编程艺术—显示“缩略语列表”
- javascript DOM编程艺术学习笔记(4)缩略语列表:
- JavaScript Dom编程艺术
- 《Javascript DOM 编程艺术》
- JavaScript Dom 编程艺术
- Javascript Dom 编程艺术
- JavaScript DOM编程艺术
- Javascript DOM编程艺术
- JavaScript DOM编程艺术
- 【JavaScript DOM编程艺术】- DOM
- Javascript+DOM编程艺术——摘要
- JavaScript DOM编程艺术—幻灯片动画
- 《JavaScript Dom 编程艺术》: 优美 DOM 编程
- javascript DOM编程艺术笔记——CH3 DOM
- javascript DOM编程艺术笔记——CH9 CSS-DOM
- 推荐:《JavaScript DOM编程艺术》
- 《JavaScript DOM编程艺术》读书笔记
- WPF入门实例
- 博客已经搬家,谢谢大家的支持
- VB 字符串处理函数集
- Innodb锁机制:Next-Key Lock 浅谈
- java中的运算符的分类及运用
- JavaScript DOM编程艺术—显示“缩略语列表”
- linux下操作Mysql
- Xcode7以后断点调试会经常出现要调试的对象为nil,但是当你打印时值是存在的,解决办法
- CSS定义字体间距 字体行与行间距
- JAVA多线程实现的三种方式
- 第一次写博客,忘以后能有所幸庆今天所付出的的努力。
- iOS程序中添加字体
- php使用exec函数导入导出数据库
- 全排列生成算法(一)