js中script的上下放置区别,Dom的增删改创建操作实例分析
本文实例讲述了js中script的上下放置区别,Dom的增删改创建操作。分享给大家供大家参考,具体如下:
回顾
javascript分为三部分:
1、ECMAScript5.0es6(阮一峰)es7es8 es6中有类的概念
声明变量var let(es6中语法)
内置函数DateMath.random
ifelse switchwhiledo-while for
2、DOM DocumentObjectModel
获取DOM事件的三种方式
- getElementById()
- getElementsByTagName()
- getElementsByClassName()
DOM的三步走
- ①、事件对象
- ②、事件、
- ③、事件驱动
值操作:
tooliangoDiv.innerText='tooliang';仅仅设置文本
oDiv.innerHTML='
tooliang
';文本和标签一起渲染oInput.value='alex';仅仅是对表单控件有效
标签属性操作;
设置类名:oDiv.className+='active';追加类名、
设置id:oDiv.id='box';
样式操作:
oDiv.style.(css中所有的样式属性)
注意驼峰体:如果margin-left使用js的时候marginLeft
3、BOM
在head和body中放置的区别
Title
DOM的增删改查
Title 追加 删除 测试段落