js DOM
2015-12-20 12:16
381 查看
HTML DOM ( 文档对象模型 )
![](http://www.w3school.com.cn/i/ct_htmltree.gif)
1)通过id查找html元素:var x = document.getElementById( " id " );
var y = x.getElementsByTagName( " p " );
2)改变<img> 元素的src属性,document.getElementById( " Image " ). src = " xxx.jpg " ;
3)javascript对html的事件的处理:onclick = " js 方法" ;onmouseover , onmouseout事件
4)创建html Elment:var p = document.createElement( " p " );
var node = document.createTextNode( " xxx " );
p.appendchild( node );
HTML DOM 树
![](http://www.w3school.com.cn/i/ct_htmltree.gif)
1)通过id查找html元素:var x = document.getElementById( " id " );
var y = x.getElementsByTagName( " p " );
2)改变<img> 元素的src属性,document.getElementById( " Image " ). src = " xxx.jpg " ;
3)javascript对html的事件的处理:onclick = " js 方法" ;onmouseover , onmouseout事件
4)创建html Elment:var p = document.createElement( " p " );
var node = document.createTextNode( " xxx " );
p.appendchild( node );
相关文章推荐
- Ext.js5日历和月历(25)
- Ext.js5表单文本—数字(24)
- js整体介绍
- js弹出新窗口的6中方法
- JSP基础篇
- js函数库大全
- Ext.js5(关联数据插件)(SubTable)(23)
- Ext.js5的小部件表格(23)
- js倒计时抢购实例
- js代码实现点击按钮出现60秒倒计时
- js实现无缝滚动特效
- 基于JavaScript实现动态创建表格和增加表格行数
- 原生js页面滚动延迟加载图片
- json解析
- js实现n秒倒计时后才可以点击的效果
- 图解js图片轮播效果
- 【JavaScript.4】“客“”服”解负好帮手,正则表达显神通
- 谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
- 谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
- 图解js图片轮播效果