js操作网页元素
二.操作网页元素
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' 属性名如果是多个单词组成,采用驼峰命名法 |
程序=数据+算法
程序的执行方式:顺序执行、选择执行、循环执行