js操作网页元素
2024-10-21 18:51:43
二.操作网页元素
1.查找网页元素
给标签设置id属性,一个网页中id的值不能出现重复的
<button id="btn">按钮</button>
2.给按钮绑定事件,监听用户操作
btn.onclick=function(){ 点击事件
一旦监听到用户的操作,要执行的内容
}
cont.onfocus=function(){ } (输入框)获取光标
cont.onblur=function(){ } (输入框)失去光标
3.弹出警示框
alert()
4.修改标签之间的内容(修改HTML)
<span id="cont"></span> cont.innerHTML=值 |
5.修改标签的CSS样式
<div id="cont"></div> cont.style.样式名称=值 例如:cont.style.display='none' cont.style.fontSize='20px' 属性名如果是多个单词组成,采用驼峰命名法 |
程序=数据+算法
程序的执行方式:顺序执行、选择执行、循环执行
最新文章
- SQL Server CheckPoint的几个误区
- 【转】ASP.NET MVC学习笔记-Controller的ActionResult
- iStylePDF安全电子文档解决方案之电子合同在线订立
- 内核移植和文件系统制作(3)Ramdisk简介和常见问题
- QQ游戏_相关
- VMware虚拟系统 bridged、NAT、host-only三种网络连接模式
- 4月12日学习笔记——jQuery操作属性和样式
- sequel 连接不上,命令行能连上
- iOS面试贴士
- 浅谈 IE下innerHTML导致的问题
- springMVC3学习(十一)--文件上传CommonsMultipartFile
- Spring Cloud入门教程-Ribbon实现客户端负载均衡
- 02.Numpy
- jmeter自动生成测绘报告并发送邮件
- react/React Native 在 import 导入时,有的带花括号{},有的不带原理解析
- UVALive - 7147 (数学)
- jQuery ajax请求错误返回status 0和错误error的问题
- [luogu 1070]道路游戏(NOIP2009T4)
- Squid安装配置和使用
- key Value
热门文章
- CCPC2021 广州 K. Magus Night
- #pragma directive
- solve--ifconifg命令提示没有该命令解决方法
- java异常信息打印
- 《Makefile中传递宏定义到源文件》
- json类型数据取出想要的部分
- Kafka -- 基本操作
- zookeeper在关闭服务时报could not find file /opt/module/zookeeper-3.5.10/zkData/zookeeper_server.pid
- wireshark抓包海康威视摄像头
- 日志参数 %n 引起的coredump