JavaScript学习笔记

Node:节点,分为元素节点、文本节点、属性节点

获取元素节点

getElementById 返回一个对象
getElementByTagName 返回一个对象数组

getElementByClassName 返回一个对象数组
 
例:检查文档共有多少元素节点

alert(document.getElementByTagName(“*”).length)

获取属性
getAttribute:object.getAttribute(attribute)

设置或创建属性
setAttribute:object.setAttribute(attribute,value)

获取子元素
childNode 返回全部子元素(数组)
例:
document.getElementByTagName(“body”)[0].childNode
返回文档的全部节点

判断节点属性
nodeType:node.nodeType
返回 1 2 3,1.元素节点 2.属性 3.文本

获取/设置节点的值
nodeValue

firstChild:node.childNode[0] = node.firstChild
lastChild:node.childNode[node.childNode.length-1]

动态创建标记(传统)

document.write( )  (传统)(非DOM)
inner.HTML  (非DOM)(HTML5专属)
例:
window.onload = function ( ) {
var testdiv = document.getElementById(“testdiv”);
testdiv.innerHTML = “<p>I inserted content.</p>”;
alert (testdiv.innerHTML);
适合插入大段文本

动态创建标记

创建元素节点
creatElement  document.creatElement(nodeName)

创建文本节点
creatTextNode document.creatTextNode(text)

附加
appendChild  parent.appendChild(child)
例:
var para = document.creatElement(“p”);
var testdiv = document.getElementById(“testdiv”);
testdiv.appendChild(para);
var txt = document.creatTextNode(“Hello”);
para.appendChild(txt);

最后推荐一下《Javascript DOM编程艺术》,非常适合一些曾经有过操作js经验,但对js运行原理不太熟悉的童鞋。

JavaScript学习笔记》上有5条评论

  1. 想用js把外部URL的源代码提取出来,找半天没找出来怎么搞

评论已关闭。