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'

属性名如果是多个单词组成，采用驼峰命名法

程序=数据+算法

程序的执行方式：顺序执行、选择执行、循环执行