【JavaScript】基础知识整理(三)
来源:互联网 发布:修改照片拍摄时间软件 编辑:程序博客网 时间:2024/06/05 23:40
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
- Event Handlers
onclick onfocus onload onmouseover/onmouseout/
onresize onsubmit 鼠标/键盘属性
clientX / clientY:返回当事件被触发时,鼠标指针的位置,相对浏览器。
screenX / screenY:参照点是屏幕的左上角。Event方法
DOM 元素/节点
创建新的元素并向已有的追加
删除DOM元素
0 0
- 【JavaScript】基础知识整理(三)
- JavaScript基础知识(三)
- 【JavaScript】基础知识整理(一)
- 【JavaScript】基础知识整理(二)
- 【JavaScript】基础知识整理(四)
- Java基础知识整理(三)
- 计算机网络基础知识整理(三)
- 前端基础知识整理(三)
- c++ 基础知识整理(三)
- JAVA基础知识整理(三)
- JavaScript基础知识整理
- JavaScript基础知识整理1
- JavaScript 基础知识整理
- Javascript 基础知识整理
- javascript基础知识整理1
- javascript基础知识整理2
- C语言基础知识整理(三)
- CSS基础知识整理三
- 购物商城shopping连载(8)
- 【Data Algorithms_Recipes for Scaling up with Hadoop and Spark】Chapter 11 Smarter Email Marketing wit
- HDU1671Phone List
- 记毕设中遇到的菜鸡问题----2
- UIKit层面的动画
- 【JavaScript】基础知识整理(三)
- Testing with Xcode文档(中文版)
- c++使用心得
- 杭电1398 Square Coins 简单母函数
- Java基础:类和对象
- 树的基本性质理论推导
- android中锁屏后代码不运行的问题
- Java--TreeMap源码解读
- swift基础2