和我一块来培训的寝室同学今天提前结束了培训,就剩下我一人形单影只地来往于菜站与传智之间,心情还是有些许落魄的。不管怎么样,我还要继续坚持下去,任何的困难都不能击垮我,只能让我在挫折中越发的坚强。
今天学的是JavaScript DOM,也就是JavaScript加强。这部分内容知识点多,使用灵活,但不难掌握。下面开始今天的复习归纳吧!
1. DOM(文本对象模型),是基于xml或html树的API
2. 查找元素节点:getElementById(),该方法只能用于 document 对象 例:var element = document.getElementById(ID);getElementsByTagName(),该方法用来在某个特定元素的子节点当中寻找有着给定标签名的元素 例:var params = container.getElementsByTagName("p")
3. 查看是否存在子节点:hasChildNodes(),该方法用来检查一个元素是否有子节点,返回值是 true 或 false 例:var booleanValue = element.hasChildNodes();
4. Node属性:
(1) nodeName:返回节点的名称,是个只读属性
(2) nodeType:返回节点的属性,数字1代表元素节点,数字2代表属性节点,数字3代表文本节点
(3) nodeValue:返回节点的当前值
5. 替换节点:replaceChild() 例:var reference = element.replaceChild(newChild,oldChild);
6. 查找属性节点:getAttribute(),返回一个给定元素的一个给定属性节点的值 例:var attributeValue = element.getAttribute(attributeName)
7. 设置属性节点:setAttribute(),将给定元素节点添加一个新的属性值或改变它的现有属性的值 例:element.setAttribute(attributeName,attributeValue)
8. 创建新元素节点:createElement(),例:var reference = document.createElement(element);
9. 创建新文本节点:createTextNode(),例:var reference = document.createTextNode(text);
10. 插入节点:
(1) appendChild();为给定元素增加一个子节点 例:var reference = element.appendChild(newChild);
(2) insertBefore();把一个给定节点插入到一个给定元素节点的给定子节点的前面 例:var reference = element.insertBefore(newNode,targetNode);
11. 删除节点:removeChild();从一个给定元素里删除一个子节点 例:var reference = element.removeChild(node);
12. 获取第一个子节点:firstChild 该属性返回一个给定元素节点的第一个子节点,返回这个节点对象的指针 例:var reference = node.firstChild;
13. lastChild:对应 firstChild 的一个属性。
14. nextSibling: 返回一个给定节点的下一个子节点。
15. parentNode:返回一个给定节点的父节点
16. innerHTML属性:它不是DOM的标准组成部分,但是浏览器几乎都支持,innerHTML 属性可以用来读,写某给定元素里的 HTML 内容 例:
var td = document.createElement("td");
td.innerHTML = name;