ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js操作网页元素

2022-09-10 09:04:05  阅读:202  来源: 互联网

标签:function style cont 标签 元素 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有