HTML5学习笔记简明版(11):新增的API

HTMLDocument上的扩展

HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口。这些接口在全部实现了Document接口的元素对象上进行了实现。

HTML5在里面也新添加了几个成员:

  1. getElementsByClassName()class类获取元素。用这种方法能够查询不论什么带有class属性且带有符合该class參数值的元素和Document对象(比如:SVG和MathML)。
  2. innerHTML:一种解析和序列化HTML/XML文档的方式,该属性在曾经版本号的浏览器里仅仅支持HTMLElement而且没有标准化。如今已经支持HTMLDocument了。
  3. activeElementhasFocus:声明哪个元素是当前的焦点元素和该Document是否有各自的焦点。

HTMLElement上的扩展

在HTML5里。也对HTMLElement接口添加了一些扩展:

  1. getElementsByClassName():和HTMLDocument里的同名扩展是等价的,仅仅是范围作用域不同 。
  2. innerHTML:当前大部分浏览器都已经支持(包含XML content) 。
  3. classList:是className的訪问器,该对象提供(contains()add()remove(),
    and toggle())方法来操作元素的class。

     元素aarealink 也有一个相似的属性訪问器relList 提供相同的功能来操作rel属性。
时间: 2024-10-09 07:33:40

HTML5学习笔记简明版(11):新增的API的相关文章

[html5] 学习笔记-表单新增的元素与属性(续)

本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indeterminate属性.Image提交按钮的宽高属性. 1.controls属性 在html5中,可以在标签内部放置一个表单元素,并且通过该标签的controls属性来访问该表单元素. 1 <body> 2 <script> 3 function setValue(){ 4 var label

HTML5学习笔记简明版(11):新API

HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口. 这些接口在全部实现了Document接口的元素对象上进行了实现.HTML5在里面也新添加了几个成员: getElementsByClassName():用class类获取元素,用这种方法能够查询不论什么带有class属性且带有符合该class參数值的元素和Document对象(比如:SVG和MathML). innerHTML:一种解析和序列化HTML/XML文档的方式,该

HTML5学习笔记简明版(7):新增属性(2)

dirname属性 input 和 textarea 元素有了一个新元素 dirname,用于用户所设置的提交的方向性的控制(译注,即书写的方向性,ltr或rtl). <form action="addcomment.cgi" method=post> <p><label>Comment: <input type=text name="comment" dirname="comment.dir" requ

HTML5学习笔记简明版(8):新增的全局属性

contenteditable属性 不论什么元素使用contenteditable属性的话,代表该元素是一个可编辑的区域. 用户能够改变元素的内容以及操作标记.比如: <p contenteditable="true">这是一段可编辑的段落.请试着编辑该文本.</p> 该属于有3种值可选:true, false和空字符,空字符代表true. 而对<iframe id="editor"></iframe>框架页面能够通过

HTML5学习笔记简明版(6):新增属性(1)

a和area下的media属性 为了和link元素保存一致性,a元素和area元素也都增加了media属性,只有在href存在时菜有效.media属性的意思是目标 URL 是为何种媒介/设备优化的,默认值是all,详细语法规范请访问:http://dev.w3.org/csswg/css3-mediaqueries/#media0 代码示例: <a href="att_a_media.asp?output=print" media="print and (resolut

[html5] 学习笔记-表单新增元素与属性

本节讲的是表单元素的form,formaction属性,frommethod,formenctype属性,formtarget,autofocus属性,required,labels属性. 1.form属性 在html4中,表单内的从属元素必须书写在表单内部,而在html5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以指定该元素从属于指定表单了. 以往的写法: 1 <body> 2 <form id="testform&q

HTML5学习笔记一:新增主体结构元素

Dreamweaver快捷键: 属性面板:Ctrl+F3 新建文档:Ctrl+N 选择用网页查看:F12 新增的主体结构元素: section元素(例子如下): <!DOCTYPE HTML> <html> <body> <section> <h2>section元素使用方法</h2> <p> section元素用于对网站或应用程序中页面上的内容进行分块.</p> </section> </b

HTML5学习笔记简明版(10):过时的元素和属性

被遗弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. 以下的元素被废弃的原因是用CSS处理能够更好地替代他们: basefont big center font strike tt 以下的元素被废弃的原因是他们的使用破坏了可使用性和可訪问性: frame frameset noframes 以下的元素被废弃的原因是不常常使用他们,也会引起混乱,并且其

HTML5学习笔记简明版(5):input的type超级类型

HTML5为input的type类型添加了多种枚举值,用来表达不同的意思.同事具有验证功能,假设格式不正确,浏览器将原始提供错误提示,堪称超级牛X啊,详细例如以下: Keyword Data type hidden 随意字符 text 单行文本 search 单行文本 tel 单行文本 url 绝对地址 email 一个或多个email地址 password 单行文本 datetime 带有时区的时间 date 无时区的年月日时间 month 无时区的年月 week 无时区的周数 time 无时