article元素
article元素代表文档,页面或应用程序中独立的完整的,可以独立被外部引用的内容。它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或独立的插件,或者其他任何独立的内容。article元素是可以嵌套使用的。
article元素可以用来表示插件。
section元素
section元素用于对网站或应用程序中页面上的内容进行分块,一个section元素通常由内容及其标题组成,但section元素并非一个普通的内容元素,当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。
section元素使用总结:
1.不要将section元素作为设置样式的页面容器(因为那是div的工作)
2.如果article元素和section和
节点操作:
一般的,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。
元素节点 nodeType 为1
属性节点 nodeType 为2
文本节点 nodeType 为3
为我们实际开发中,节点操作主要操作的是元素的节点。
父节点:parentNode
子节点:1. childNodes(包含所有的子点、元素节点、文本节等等)
2.children(非标准——获取所有的子元素节点,也是我们实际开发常用的。)
以下这两个方法有兼容性问题,IE9以上支持。
a.firstElementChild(返回第一个子元素节点,找不到则返回null。)
b.lastElementChild(返回最后一个子元素节点,找不到则返回null。)
以下方法有没有兼容性问题,建议开发使用。
a.console.log(ol.children[0]);(找到第一个子元素节点
b.console.log(ol.children[ol.children.length - 1]);(找到最后一个子元素节点)