JS高级程序设计11-DOM扩展
2015-07-18 13:59
676 查看
选择符API(P286)
querySelector()
querySelectorAll()
matcheSelector()方法(略)
元素遍历(P288)
对于元素中的空格,有些浏览器会返回文本节点,有些就不会
HTML5(P289)
与类相关的扩充
焦点管理
HTMLDocument的变化
字符集属性
自定义数据属性
插入标记
scrollintoview()方法 //通过滚动浏览器窗口,调用的元素就可以出现在视口中
专有扩展(略)(P298)
querySelector()
querySelector()方法接受一个CSS选择符,返回与改模式匹配的第一个元素,没有相应元素则返回null; //取得body元素 var body=document.querySelector("body"); //取得ID为"myDiv"的元素 var myDiv=document.querySelector("#myDiv"); //取得类为"selected"的第一个元素 var selected=document.querySelector(".selected"); //取得类为"button"的第一个图像元素 var img=document.body.querySelector("img.button");
querySelectorAll()
//取得所有<p>元素中所有<strong>元素 var strongs=document.querySelectorAll("p strong");
matcheSelector()方法(略)
元素遍历(P288)
对于元素中的空格,有些浏览器会返回文本节点,有些就不会
//Element Traversal API为DOM元素添加了以下5个属性 childElementCount //返回子元素(不包括文本节点和注释)的个数 firstElementChild //指向第一个子元素 lastElementChild //指向最后一个子元素 previousElementSibling //指向前一个同辈元素 nextElementSibling //指向后一个同辈元素
HTML5(P289)
与类相关的扩充
getElementsByClassName()方法 classList属性及其方法: add(value):将给定的字符串值添加到列表中(如果存在就不添加了) contains(value):检测列表中是否存在给定值 remove(value):从列表中删除给定值 toggle(value):检测列表中是否有给定值,然后去改变它存在的状态
焦点管理
document.activeElement属性 document.focus()方法
HTMLDocument的变化
readyState属性 //指示文档是否加载完 compatNode属性 //告诉开发者浏览器采用了哪种渲染模式 head属性 //引用文档<head>元素
字符集属性
charset属性 //文档中实际使用的字符集 defaultcharset属性 //表示文档默认的字符集
自定义数据属性
dataset属性 //访问自定义属性的值
插入标记
innerHTML属性 //返回与调用元素的所有子节点对应的HTML标记 outerHTML属性 insertAdjacentHTML()方法 内存与性能问题:使用上述方法替换子节点可能会导致浏览器的内存占用问题(被删除的元素的处理程序非内存并没有删除,最好手工删除要被替换的元素的所有时间处理程序和JS对象属性)
scrollintoview()方法 //通过滚动浏览器窗口,调用的元素就可以出现在视口中
专有扩展(略)(P298)
相关文章推荐
- javascript 字符串加减法
- jsp-DB
- js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
- js输入一个日期判断该日期是该年的第几天
- JavaScript 没有函数重载&Arguments对象
- 【原创】贡献一个JS的弹出框代码...
- js获取颜色,颜色3中类型的转换
- JSP
- 关于js的特性慢慢思考
- 如何在网页打开时弹出通知,JS代码
- JS正则表达式验证账号、手机号、电…
- 引用JS表单验证大全 以后方便…
- return new ModelAndView("redirect:/login.jsp");
- 在HTML网页上打印需要的内容,JS代…
- JavaScript引擎的工作原理
- JavaScript和Java的区别
- 如何系统地学习JavaScript
- js this和$(this)区别
- JavaScript实现模仿桌面窗口的方法
- JSP学习笔记(三):关于服务器和SVN的区别