关于DOM中的model(将元素转成对象进行操作)
2016-04-08 17:46
281 查看
DOM
document (html, xml)
object 将文档中的HTML元素转成js的对象
通过ID找到文档的元素转成js对象
var obj = document.getElementById("test");
1. 通用的方式
document.getElementById(id); //通过元素中的唯一的ID
document.getElementsByName(name); //通过元素中的name属性
document.getElementsByTagName(tagname); //通过元素中的标签名称
id的方式, 一个文档中ID是不能重复的, 在一个文档中通过ID只能获取一个对象
而通过文档中元素的name属性和tagname标记名称获取到的元素对象是多个,也就是复数
2. 使用document中的内置数组来完成
model 对元素转成的对象进行操作
1. 内容(使用通用的4个属性) a div b h1 ... <input> 用 value <tag>内容</tag>使用下面4个
innerHTML
innerText 只有IE好用, 非IE不好用(textContent), 不兼容
表单中的内容如何改
<input type="text" name="hello" value="abc">
<areatext></areatext>
属性可以改值, 也可以取值
所有的表单改内容和获取内容都要使用value属性
2. 操作属性
将元素转成对象后, 原来元素有的属性, 就是这个对象的属性
属性可以改值, 也可以取值
3. 操作样式
可以获取样式, 也可以改样式
一、 可以一个一个样式的改
对象.style.样式属性=“样式的值”
样式属性如果有"-"的, 将这个去了, 后面的单词首字母大写
二、 可以批量的改样式
使用className这个通用属性(所有元素都可以使用的属性)
清除样式将className设置为空
document (html, xml)
object 将文档中的HTML元素转成js的对象
通过ID找到文档的元素转成js对象
var obj = document.getElementById("test");
1. 通用的方式
document.getElementById(id); //通过元素中的唯一的ID
document.getElementsByName(name); //通过元素中的name属性
document.getElementsByTagName(tagname); //通过元素中的标签名称
id的方式, 一个文档中ID是不能重复的, 在一个文档中通过ID只能获取一个对象
而通过文档中元素的name属性和tagname标记名称获取到的元素对象是多个,也就是复数
2. 使用document中的内置数组来完成
model 对元素转成的对象进行操作
1. 内容(使用通用的4个属性) a div b h1 ... <input> 用 value <tag>内容</tag>使用下面4个
innerHTML
innerText 只有IE好用, 非IE不好用(textContent), 不兼容
表单中的内容如何改
<input type="text" name="hello" value="abc">
<areatext></areatext>
属性可以改值, 也可以取值
所有的表单改内容和获取内容都要使用value属性
2. 操作属性
将元素转成对象后, 原来元素有的属性, 就是这个对象的属性
属性可以改值, 也可以取值
3. 操作样式
可以获取样式, 也可以改样式
一、 可以一个一个样式的改
对象.style.样式属性=“样式的值”
样式属性如果有"-"的, 将这个去了, 后面的单词首字母大写
二、 可以批量的改样式
使用className这个通用属性(所有元素都可以使用的属性)
清除样式将className设置为空
相关文章推荐
- 【JQuery】表单插件——form
- Android Studio---Error:(18, 0) Gradle DSL method not found: 'android()'
- iOS 如何设置一整张图片作为背景图片(穿透导航栏)
- [android]一个关于UDP和TCP的项目实践(二)
- StoryBoard实现圆角
- java如何获取服务器路径
- Head First Python 学习札记 2016-04-08
- Handler的发送消息
- windows 下QT5.5+vs2013开发环境搭建
- 解决在构造函数中使用Session,Session为null的问题
- 一些常用黑客工具的初步使用
- Spring笔记1
- Qt使用数据库(2)
- CCAnimateCache
- Monkey工具使用
- 求排列组合数C(n,r)
- C# 获取指定接口的所有实现类
- 【删除DataTable重复列】微软封装,只针对删除其中的一列重复的行
- Android 自定义加载中
- 一个.tar.gz文件引发的问题