【JavaScript】基础知识整理（三）

HTML DOM

html 标签列表 （字母排序）
http://www.w3school.com.cn/tags/index.asp

当网页加载时，浏览器会创建页面的文档对象模型（Document Object Model）

查找HTML元素

可以通过id，标签名，类名来找到HTML元素

document.getElementById(); 如果没有找到，则为null
document.getElementsByTagName();
通过类名查找在IE 5，6，7，8中无效

DOM HTML

1. JavaScript可以改变HTML输出流
通过document.write();
如果在文档加载之后使用会覆盖该文档
2. 改变HTML内容
document.getElementById(id).innerHTML = new HTML;
3. 改变HTML属性
document.getElementById(“image”).src=”landscape.jpg”;

DOM CSS

document.getElementById(id).style.property=new style

HTML DOM Style对象 http://www.w3school.com.cn/jsref/dom_obj_style.asp

DOM 事件

event对象 http://www.w3school.com.cn/jsref/dom_obj_event.asp

1. Event Handlers
   onclick onfocus onload onmouseover/onmouseout/
   onresize onsubmit

2. 鼠标/键盘属性
   clientX / clientY：返回当事件被触发时，鼠标指针的位置，相对浏览器。
   screenX / screenY：参照点是屏幕的左上角。

3. Event方法

DOM 元素/节点

创建新的元素并向已有的追加

删除DOM元素