javascript学习-3
javascript
HTML+CSS+Javascript === DHTML
dynamic html
----------------------------------------------
javascript
1 事件
2 DOM
获得标签对象
var element = document.getElementById();
var elements = document.getElementsByTagName();
element.parentNode
element.childNodes
element.firstChild
element.lastChild
element.nextSibling
element.previousSibling
a) 修改文档内容
element.属性
element.style.
b) 修改文档结构
var div = document.createElement("div");
var txt = document.createTextNode("value");
parentNode.appendChild();
parentNode.removeChild();
----------------------------------------------------
parentNode.removeChild(childNode);
tbody.removeChild(tr); ?获得tr?
<input type="button" value="delete" onclick="delPerson()"/>
btn.onclick= delPerson();
<input type="checkbox" checked="checked"/>
document.getElementsByTagName("input");
tbody.getElementsByTagName("input");
--------------------
innerHTML
innerText (IE);
标签元素的属性
tr.innerHTML = "<td></td><td></td><input type=""/></td>"
----------------------------
BOM Broswer Object module
浏览器 对象 模型
javascript 内置对象
window
方法 可以省略window
window.alert();
.prompt();
.confirm();
i = .setTimeout(fun,毫秒数); 定时执行一个程序
.clearTimeout(i); 清空这次定时程序
i = setInterval(fun,毫秒数); 周期性的执行定时程序
.clearInterval(i); 清空周期性定时程序
open(); ---- 打开一个新的网页
close(); ---- 关闭一个新的网页