- 博客(13)
- 收藏
- 关注
原创 HTML5_自定义数据类型
HTML5_字符集属性 /* HTML5规定可以为元素添加非标准的属性,但是要添加前缀data-,目的是为元素提供与渲染 无关的信息,或者提供语义信息。这些属性可以任意的添加随意命名,只要以data-开头即可。 来看一个例子。 添加自定义属性后,可以通过元素的dataset属性访问自定义的属性的值。dataset属性的值是 DOM
2015-07-30 21:10:33 603
原创 HTML5_字符集属性
HTML5_字符集属性 --> /* HTML5新增了几个与文档有关的属性。其中有,charset属性表示文档中实际使用的字符集, 也可以用来指定新的字符集,默认情况下这个字符集值为“UTF-16”,但可以用元素、 相应头部或者直接设置charset属性修改这个值。来看一个例子。 */ window.onload = function(){
2015-07-29 23:17:55 1782
原创 HTML5_HTMLDocument的变化
/* HTML5扩展了HTMLDocument,增加了新功能。与HTML5新增的其他DOM类似,这些变化同样 变化同样基于哪些已经得到很多浏览器完美支持的专有扩展。所以,尽管这些扩展被写入 标准的时间尽管不长,但很多浏览器很早就支持了这些功能。 1、readyState属性 IE4最早为document对象引人readyState属性。然后,其他浏
2015-07-29 22:07:53 789
原创 HTML5_焦点管理
HTML5_焦点管理 window.onload = function(){ /* HTML5添加了辅佐管理DOM焦点的功能。首先就是document.activeElement属性,这个属性 始终会引用DOM中当前获得的了焦点的元素。元素获得焦点的方式有页面加载、用户输入(通常 通过Tab键)和代码中调用focus()方法。来看几个例子。
2015-07-28 23:03:00 1406
原创 HTML5_与类相关的扩展
/* 1、getElementsByClassName()方法。 HTML5添加的getElementByClassName()的方法是最受欢迎的一个方法,可以通过document 对象及所有的HTML元素调用该方法。这个方法最早出现在javaScript库中,是通过既有 DOM功能实现的,而原生的实现有极大的性能优势。 getElementsByClas
2015-07-28 22:11:12 467
原创 DOM扩展_元素遍历
DOM扩展_元素遍历 /* 对于元素间的空格,IE9及之前的版本不会返回文本节点,而其他的浏览器都会返回文本节点。 这样导致了使用childNodes和firstChild等属性是行为不一样。为了弥补这一差异,而同时又 保持DOM规范不变。Element Traversal规范(www.w3.org/TR/ElementTraversal/)新定义的一 组
2015-07-26 23:08:45 505
原创 DOM扩展_选择符API
1、querySelector():方法接收一个css的选择器,返回该模式匹配的第一个元素, 如果没有找到则返回null。 //取得body元素 var body = document.querySelector("body"); //取得ID为myDiv的元素 var myDiv = document.querySelecto
2015-07-26 19:48:27 526
原创 DOM 操作技术之操作表格
DOM_操作技术_操作表格 window.onload = function(){ /* 元素是html中最复杂的元素之一。要想创建表格,一般都涉及到表格行 、单元格、表头等方面的标签。由于涉及的标签比较多,因此使用核心DOM方法 创建和修改表格往往是避免不了要编写大量的代码。假设我要使用DOM来创建下 面的HTML表格。
2015-07-12 15:25:25 397
原创 DOM 操作技术之动态样式
DOM_操作技术_动态样式 /** 动态加载外部样式表 param url 外部样式地址 */ function loadStyle(url){ var link = document.createElement("link"); link.rel = "stylesheet"; link.type = "text/css";
2015-07-11 17:33:36 349
原创 DOM 操作技术之动态脚本
DOM_操作技术_动态脚本 /** param url 需要加载的js的url。 */ function loadScript(url){ var script = document.createElement("script"); script.type = "text/javascript"; script.src = url;
2015-07-10 21:30:55 460
原创 ECMAScript5 DOM模型 Comment详解
注释在DOM中d通过Comment类型来表示的。Comment节点具有以下特征:nodeType:8nodeName:"#comment"nodeValue:注释内容parentNod:可能是Document或Element没有子节点Comment类型与Text类型继承相同的基类,因此它拥有除了splitText()之外的所有字符串操作方法。与Text类型相似,也可以通
2015-07-08 20:54:35 384
原创 ECMAScript5 DOM模型 Text详解
ECMAScript5 DOM模型 Text详解 window.onload = function(){ /* 文本节点:包含的内容只能是纯文本,可以包含转义后的HTML字符, 不能包含HTML代码。 nodeType的值为3 nodeName的值为#text nodeValue的值为节点所包含的文本 parentN
2015-07-07 12:10:45 536
原创 DOM 中的Element详解
DOM_Element /* Element属性说明 nodeType:1 nodeName:元素标签名 nodeVlaue:值为null parentNode:可能是Document或Element 其子节点可能是Element、Text、Comment、ProcessingInstruction、CDATASection或
2015-07-05 01:11:11 1101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人