【全栈JavaScript之路（ 二十 ）HTML5 插入 html标记 （ 二 ）insertAdjacentHTML】的更多相关文章

全栈JavaScript之路（十九）HTML5 插入 html标记 （ 一 ）innerHTML 与outerHTML

在须要给文档插入大量的html 标记下.通过DOM操作非常麻烦,你不仅要创建一系列的节点,并且还要小心地依照顺序把它们接结起来. 利用html 标签 插入技术,能够直接插入html代码字符串,简单.高效! 下面插入html标签相关的扩展已经纳入html5 规范. 1.innerHTML 属性 2.outerHTML 属性 3.insertAdjacentHTML 方法 innerHTML 属性 有两种模式.写模式与读模式. 在读模式下,返回的是html 代码字符串. 比如: <div id=&quo…

全栈JavaScript之路（十八）HTML5 自己定义数据属性

HTML5 规范规定,用户能够为元素 自己定义非标准属性, 可是要加入 data- 前缀. 目的是为元素提供与页面渲染无关的信息.或者语义信息.这些属性名能够任意加入,仅仅要带上前缀 data- 开头就能够. <div id="myid" data-appid="1" data-appname="csdn"></div> 加入属性这后能够通过 dataset 訪问自己定义属性,dataset 属性 是DOMStringMa…

全栈JavaScript之路（十六）HTML5 HTMLDocument 类型的变化

HTML5 扩展了 HTMLDocument, 添加了新的功能. 1.document.readState = 'loading' || 'complete'  //支持readyState 属性的浏览器有IE4+.Firefox 3.6+.Safari.Chrome 和Opera 9+. 2.document.compatMode = 'CSS1Compat' || 'BackCompat' //实现这个属性的浏览器有ie6,Firefox.Safari 3.1+.Opera 和Chrome.…

全栈JavaScript之路（十四）HTML5 中与class属性相关的扩充

1. getElementByClassName() :支持getElementsByClassName()方法的浏览器有IE 9+.Firefox 3+.Safari 3.1+.Chrome 和 Opera 9.5+. 2. classList 属性 :  classList 属性是新集合类型 DOMTokenList  的实例.DOMTokenList 类型有一个lenght 属性 ,表示包括了多少子元素,要取得每个元素能够通过item() 方法訪问.也能够用 [ ] 方法 訪问. 此外这个…

全栈JavaScript之路（十）学习 DocumentFragment 类型 节点

DocumentFragment 类型节点,代表一个文档片段,是一种轻量级的'文档' 对象.能够包括其他类型节点,并有能力訪问.操作当中的节点,可是在文档中没有文档标记,相当于是一个页面不可见的容器. 其构造函数为,function DocumentFragment() {[native code]}. DocumentFragment 类型节点的特征; nodeType:11 nodeName:#document-fragment nodeValue:null prasentNode:null…

全栈JavaScript之路（ 二十 ）HTML5 插入 html标记 （ 二 ）insertAdjacentHTML

insertAdjacentHTML(),  这种方法也是在IE中最早出现的.如今已纳入html5规范,它接受两个參数,一个是下列的标记之中的一个,一个是要写入的 html 代码文本. beforebegin , (英文为開始之前的意思)在当前元素之前插入一个新的紧邻的同辈元素 afterbegin,(英文为開始之后的意思)在当前元素之下插入一个子元素.或者是在当前元素的第一个子元素之前插入一个新的子元素. beforeend,(英文为结束之前的意思)在当前元素之后插入一个新的子元素,或者在当前…

全栈JavaScript之路（ 二十二 ）IE 专有扩展——文档模式

版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/hatmore/article/details/37611911 ie8 引入了一个新的概念."文档模式" ,页面的文档模式决定了.能够使用什么功能. 也就是说,"文档模式",决定你了你能够使用哪个级别的css,在javascript能够使用哪些API, 以及怎样对待文档类型(doctype). 两种方式改动:  通过 meta 标签改动,<meta http-e…

全栈JavaScript之路（ 二十四 ）DOM2、DOM3, 不涉及XML命名空间的扩展

版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/hatmore/article/details/37658167 (一)DocumentType 类型的变化新增三个属性: publicId,systemId,internalSubset(内部子集) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D…

全栈JavaScript之路（ 二十五 ）訪问元素的样式

不论什么支持style 特性的元素在 ,在其DOM  节点 对象中都有一个 style 属性与之相应. 这个style 对象是 CSSStyleDeclaration类型的实例,包括着html style特性的全部样式信息.但不包括 外部样式或者 内嵌样式层叠而来的样式. 在style特性中.提定的不论什么css属性,都将表现为这个style 对象的属性.对于使用短划线的的属性名.必须转化为驼峰大写和小写形式,多数情况下都能够这样转换. 也有例外, float 是javascript keywo…

全栈JavaScript之路（十七）HTML5 新增字符集属性

HTML5 添加�了几个文档字符集属性. document.charset : 表示文档的实际使用的字符集. document.defaultCharset: 表示默认的字符集,跟浏览器以及操作系统设置有关. 假设文档没有使用默认字符集,那么 document.charset 与 document.defaultCharset 可能不同. 设置文档字符集: 但能够通过<meta>元素.响应头部或直接设置charset 属性改动这个值.来看三个样例. <meta http-equiv=&q…