1. DOM对象简介
概述: Document Object Model, 文档对象模型.
树形结构的特点:
1) 有且仅有一个根节点.
2) 每个节点都有一个父节点及任意个子节点, 根节点除外.
3) 没有子节点的节点叫做: 叶子节点.
DOM树形结构模型中:
1) 每个元素标签用: Element(元素)表示.
2) 标签的属性用: Attribute(属性)表示.
3) 文本内容用: Text(文本)表示.
4) 元素, 属性, 文本合称为: 节点(Node).
示例代码:
<html>
<head>
<meta charset=
"UTF-8">
<title>DOM树形结构</title>
</head>
<body>
<
div>文本</
div>
<
div>
<
a href=
"#"> 超链接</
a>
<font color=
"red">字体标签</font>
</
div>
</body>
</html>
2. DOM对象之: Document对象.
获取元素的功能:
document.getElementById(
"元素的id");
document.getElementsByName(
"元素的name属性值");
document.getElementsByClassName(
"元素的class属性值");
document.getElementsByTagName(
"元素的标签名");
创建元素的功能:
document.createElement(
"HTML标签名");
document.createTextNode(
"指定的文本值");
3. DOM对象之: Element对象常用方法
节点
1.appendChild(节点
2);
insertBefore(新节点,旧节点);
replaceChild();
removeChild();
4. DOM对象之: Element对象常用属性
childNodes:
firstChild:
lastChild:
parentNode:
nodeName:
nodeType:
nodeValue:
5. BootStrap的简介
概述: BootStrap是基于HTMl,CSS,JS的前端框架.
为什么要学习BootStrap?
快速开发一个网页, 开发出的网页是响应式的:根据屏幕分辨率自适应调节
什么是
"响应式页面"?
引入:两个 ..mini..的.css
..mini..的.jQuery文件
..mini..的.js文件
参照:bootcss.com里的:导航条,滚播图