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' 

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

程序=数据+算法

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

 

posted @ 2022-09-10 08:43  逆风*  阅读(147)  评论(0编辑  收藏  举报