JS DOM操作(二) Window.docunment对象——操作样式
一 对元素的定位
在 js 中可以利用 id、class、name、标签名进行元素的定位
id、class 用在客户端
name 用在服务端
用 id 定位 -- 根据 id 最多只能找一个
var a = document.getElementById( "id 名" )
-- 将找到的变了放到变量 a 中
用 class 定位
var a = documen.getElementsByClassName( "class 名")
-- 根据classname找,找出来的是数组
用标记定位
var a = document.getElementsByTagName (" 标签名")
-- 根据标签名找,找出来的是数组
用 name 定位
var a = document.getElementsByName ( "name名" )
-- 根据 name 找,找出来的是数组
-- 在抓取的数组中即使只有一个变量也要用数组形式表现
二 掌握三个事件
onclick -- 点击事件
onmouseover --鼠标移入事件
onmouseout -- 鼠标移出事件
三 对样式的操作
1、利用定位找到元素存于变量中
var a = document.getElementById( " id " )
2、对该元素的样式进行操作
a.style.样式 = "值";
例
document.body.style.backgroundColor=" 颜色"
-- 改变整个窗口的背景颜色
-- 更改的样式作用在内联中,优先级最高,能够覆盖其他所有的样式。
-- 样式里带 “-” 要删掉,后面的第一个字母变为大写
-- 放在等号右边是取值,可以看到元素内联样式的值
index
-- 对象的属性,可以记录一个int类型的值
this . index = i ;
-- 将索引标记一下
i 在这里指for循环中的变量
this 代表对象如(a[0])
最新文章
- Leetcode-83 Remove Duplicates from Sorted List
- (学习笔记)HTML的<;link>;标签
- MSP430F149学习之路——比较器Comparaor_A
- HDU5647 DZY Loves Connecting 树形DP
- windows下安装php笔记
- vbox要手动mount才能挂载windows的共享文件夹(好用,不用安装samba了)
- timeout connect 10000 # default 10 second time out if a backend is not found
- html5本地存储数据,实现自动登录功能
- 实战DeviceIoControl 之五:列举已安装的存储设备
- 转载:img是什么元素?置换元素?
- poj1699
- Sublime Text 3利用Snippet创建Getter和Setter
- win7 x64安装TensorFlow
- AI update
- js修改table中Td的值(定义td的单击事件)
- 深入理解Java线程池:ThreadPoolExecutor
- html <;a>;标签介绍
- ssh 免密码登录,以及 本地和远端用户名不一致 问题
- C++Primer 异常处理
- 字符串处理(String)
热门文章
- Docker实践(二):容器的管理(创建、查看、启动、终止、删除)
- SpringCloud实现集群和负载均衡
- Spring中使用StandardServletMultipartResolver进行文件上传
- 《react精髓》读书笔记
- linux下发送报警邮件(mailx)
- WebDriver高级应用实例(10)
- CentOS 6(64-bit) + Nginx搭建静态文件服务器
- C# 多线程八之并行Linq(ParallelEnumerable)
- C# 多线程之List的线程安全问题
- 阿里云负载不支持 WebSocket 协议与 WSS 和 Nginx 配置问题