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'  属性名如果是多个单词组成，采用驼峰命名法

程序=数据+算法

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

 

标签：function,style,cont,标签,元素,js,网页,执行
来源： https://www.cnblogs.com/phoenix-7/p/16675958.html