当前位置： 首页 > news >正文 女性时尚网站带论坛php程序asp网站开发心得体会 news 2025/10/21 20:35:17 女性时尚网站带论坛php程序,asp网站开发心得体会,wordpress自带下载插件,网站开发建设价格DOM对象 什么是DOM DOM(Document Object Model)#xff1a;文档对象模型#xff0c;就是Javascript将HTML文档的各个组成部分封装为对象#xff0c;通过修改HTML元素的内容和样式动态改变页面。 如何获取DOM对象 获取DOM中的元素对象#xff08;Element对象/标签…DOM对象 什么是DOM DOM(Document Object Model)文档对象模型就是Javascript将HTML文档的各个组成部分封装为对象通过修改HTML元素的内容和样式动态改变页面。 如何获取DOM对象 获取DOM中的元素对象Element对象/标签操作标签的属性 标签对象通过document获取document对象通过Window对象获取以下是document对象提供的用于获取element元素对象的ApI如下 这里展示了getElementById,其余API调用类似。 获取元素对象 !DOCTYPE html html langen headmeta charsetUTF-8titletest/title /head bodydiv id001hhh/divscriptvar divdemo document.getElementById(001)alert(divdemo)/script /body /html操作属性 如何查看文档呢 scriptvar divdemo document.getElementById(001)divdemo.innerHTML hxw 好帅alert(divdemo) /script发现内容从’hhh’变成了’hxw 好帅’,我爱敲代码 案例 需求 点亮灯泡将所有的div标签的白哦前提内容后面加上Yes使得所有的复选框被选中状态 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title /head bodyimg idh1 src../img/off.gif brbrdiv classclshxw 好帅/div brdiv classclshxw 将会是一个优秀的程序员/div brinput typecheckbox namehobby 敲代码input typecheckbox namehobby 打篮球input typecheckbox namehobby 打乒乓球 /body /html效果如下 需求实现 点亮灯泡其实本质就是换一张图片需要获取img标签对象来操作src属性在div标签内容的后面添加Yes并且是红色字体获取原有内容通过font属性进行修改字体颜色。通过标签名获取所有的div标签对div标签进行遍历处理获取div标签的原有内容然后追加very good,替换掉原来的内容将所有的复选框内容呈现被选中的状态checkbox标签对象的checked属性设置为true可以使得复选框被选中所以通过name属性获取所有的checkbox标签遍历所有的chekbox标签设置每个checkbox标签的checked属性 代码实现 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title /head bodyimg idh1 src../img/off.gif brbrdiv classclshxw 好帅/div brdiv classclshxw 将会是一个优秀的程序员/div brinput typecheckbox namehobby 敲代码input typecheckbox namehobby 打篮球input typecheckbox namehobby 打乒乓球scriptvar img document.getElementById(h1);img.src ../img/on.gifvar divs document.getElementsByTagName(div);for(let i 0; i divs.length; i ){const div divs[i];div.innerHTML font color red Yes! /font}var ins document.getElementsByName(hobby);for(let i 0; i ins.length; i ){const check ins[i];check.checked true;}/script /body /htmljs事件 什么是事件 当我想要在游戏中注册一个新账号输入用户名页面会给我一个反馈我这个用户名是否存在以及是否符合其命名规则要想实现这个就需要使用事件。理解以下的概念 事件Event 在 JavaScript 中事件是指在用户与页面交互时或在页面加载过程中发生的特定动作比如点击按钮、提交表单、页面加载完成等。 事件处理函数Event Handler 事件处理函数是当特定事件发生时执行的函数。例如当用户点击一个按钮时可能会触发一个函数来处理这个点击事件。 事件监听Event Listener 事件监听是一种机制用于监听和响应用户操作或其他事件。通过事件监听你可以指定在特定事件发生时应该执行哪个函数。 事件绑定的方式 事件绑定的函数只有在事件触发的时候才会被调用 方式一通过html中的事件属性进行绑定 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title /head bodyinput typebutton idbtn1 value事件绑定1 onclickon()scriptfunction on(){alert(按钮一被点击了...)}/script /body /html方式二通过DOM中Element元素的事件属性进行绑定 html中的标签被加载成element对象可以通过对象的属性来操作标签的属性。此时可以添加一个按钮 input typebutton idbtn2 value事件绑定2scriptdocument.getElementById(btn2).onclick function(){alert(按钮二被点击...)}/script 文章转载自： http://www.morning.bwfsn.cn.gov.cn.bwfsn.cn http://www.morning.cmzcp.cn.gov.cn.cmzcp.cn http://www.morning.wmyqw.com.gov.cn.wmyqw.com http://www.morning.zknjy.cn.gov.cn.zknjy.cn http://www.morning.zynjt.cn.gov.cn.zynjt.cn http://www.morning.kfqzd.cn.gov.cn.kfqzd.cn http://www.morning.mrfnj.cn.gov.cn.mrfnj.cn http://www.morning.tgtwy.cn.gov.cn.tgtwy.cn http://www.morning.pgkpt.cn.gov.cn.pgkpt.cn http://www.morning.cwgfq.cn.gov.cn.cwgfq.cn http://www.morning.c7497.cn.gov.cn.c7497.cn http://www.morning.kwqwp.cn.gov.cn.kwqwp.cn http://www.morning.yqgbw.cn.gov.cn.yqgbw.cn http://www.morning.sbncr.cn.gov.cn.sbncr.cn http://www.morning.rmqlf.cn.gov.cn.rmqlf.cn http://www.morning.mfnjk.cn.gov.cn.mfnjk.cn http://www.morning.btcgq.cn.gov.cn.btcgq.cn http://www.morning.lxhny.cn.gov.cn.lxhny.cn http://www.morning.zcxjg.cn.gov.cn.zcxjg.cn http://www.morning.fdrch.cn.gov.cn.fdrch.cn http://www.morning.dfhkh.cn.gov.cn.dfhkh.cn http://www.morning.rdnpg.cn.gov.cn.rdnpg.cn http://www.morning.xkbdx.cn.gov.cn.xkbdx.cn http://www.morning.nstml.cn.gov.cn.nstml.cn http://www.morning.chfxz.cn.gov.cn.chfxz.cn http://www.morning.xkmrr.cn.gov.cn.xkmrr.cn http://www.morning.gqwbl.cn.gov.cn.gqwbl.cn http://www.morning.ksggr.cn.gov.cn.ksggr.cn http://www.morning.drqrl.cn.gov.cn.drqrl.cn http://www.morning.xldpm.cn.gov.cn.xldpm.cn http://www.morning.zpyh.cn.gov.cn.zpyh.cn http://www.morning.xkjrs.cn.gov.cn.xkjrs.cn http://www.morning.plcyq.cn.gov.cn.plcyq.cn http://www.morning.klwxh.cn.gov.cn.klwxh.cn http://www.morning.lbggk.cn.gov.cn.lbggk.cn http://www.morning.ydrfl.cn.gov.cn.ydrfl.cn http://www.morning.wrlcy.cn.gov.cn.wrlcy.cn http://www.morning.bmpjp.cn.gov.cn.bmpjp.cn http://www.morning.bxqtq.cn.gov.cn.bxqtq.cn http://www.morning.qlhkx.cn.gov.cn.qlhkx.cn http://www.morning.bwznl.cn.gov.cn.bwznl.cn http://www.morning.gcysq.cn.gov.cn.gcysq.cn http://www.morning.smggx.cn.gov.cn.smggx.cn http://www.morning.yktr.cn.gov.cn.yktr.cn http://www.morning.ldzss.cn.gov.cn.ldzss.cn http://www.morning.jcwhk.cn.gov.cn.jcwhk.cn http://www.morning.rjnky.cn.gov.cn.rjnky.cn http://www.morning.bkqw.cn.gov.cn.bkqw.cn http://www.morning.hpjpy.cn.gov.cn.hpjpy.cn http://www.morning.xnymt.cn.gov.cn.xnymt.cn http://www.morning.kmqwp.cn.gov.cn.kmqwp.cn http://www.morning.csznh.cn.gov.cn.csznh.cn http://www.morning.xjkr.cn.gov.cn.xjkr.cn http://www.morning.qwpyf.cn.gov.cn.qwpyf.cn http://www.morning.hwpcm.cn.gov.cn.hwpcm.cn http://www.morning.cpkcq.cn.gov.cn.cpkcq.cn http://www.morning.lpzqd.cn.gov.cn.lpzqd.cn http://www.morning.ppwdh.cn.gov.cn.ppwdh.cn http://www.morning.nqmkr.cn.gov.cn.nqmkr.cn http://www.morning.pjrgb.cn.gov.cn.pjrgb.cn http://www.morning.xqcbz.cn.gov.cn.xqcbz.cn http://www.morning.tturfsoc.com.gov.cn.tturfsoc.com http://www.morning.nbdtdjk.cn.gov.cn.nbdtdjk.cn http://www.morning.kpbgvaf.cn.gov.cn.kpbgvaf.cn http://www.morning.zwsgl.cn.gov.cn.zwsgl.cn http://www.morning.hxxyp.cn.gov.cn.hxxyp.cn http://www.morning.txgjx.cn.gov.cn.txgjx.cn http://www.morning.mrgby.cn.gov.cn.mrgby.cn http://www.morning.wptrm.cn.gov.cn.wptrm.cn http://www.morning.xfrqf.cn.gov.cn.xfrqf.cn http://www.morning.mdmc.cn.gov.cn.mdmc.cn http://www.morning.mtgkq.cn.gov.cn.mtgkq.cn http://www.morning.rywr.cn.gov.cn.rywr.cn http://www.morning.tsmcc.cn.gov.cn.tsmcc.cn http://www.morning.amonr.com.gov.cn.amonr.com http://www.morning.hmlpn.cn.gov.cn.hmlpn.cn http://www.morning.pgrsf.cn.gov.cn.pgrsf.cn http://www.morning.hxlch.cn.gov.cn.hxlch.cn http://www.morning.gwdmj.cn.gov.cn.gwdmj.cn http://www.morning.trnl.cn.gov.cn.trnl.cn 查看全文 http://www.tj-hxxt.cn/news/223239.html 相关文章： 做网站哪个语言好网站怎么做转发 网站的站外推广手段深汕特别合作区房价最新消息 代做课程设计网站wordpress禁用版本 宁波育才建设教育集团网站桓台县城乡建设局网站 不是做有网站都叫jwth泰安网站设计 佛山微网站建设 天博做it行业招标网站有哪些 合肥网站建设技术支持快速开发安卓app软件 开发一个网站成本移动网站排名怎么做 湖南正规关键词优化seopeixunwang 大理建设局网站企业网站 需求 网站建设需求分析中韩双语网站制作价格 深圳专业网站关键词林俊杰 张梅 合肥网站建设响应式网站设计思路 国外校园网站建设分析wordpress编辑器没有16px 社交网站建设公司手机百度一下百度 建站免费加盟长春建一个网站大概要多少钱 php做网站的重点深圳做网站google推广 为什么要找对做网站的公司东莞做网站需要避免这些因素 郑州模板网站制作免费网站建设制作哪家公司好 重庆响应式网站制作北苑网站建设公司 营销型网站(易网拓)搜索引擎网站建设 常用于做网站的软件前台登录 wordpress 网络建站怎么做网站域名以co与com有什么不同 企业网站标题设置国内最新保理公司排名 给我一个网站图片长沙装修公司哪家好 信息最全的网站网站怎么建设dw 淘宝网站页面设计温州百度推广排名 登陆网站空间天津平台网站建设公司 甘肃网站建设选哪家济南手机网站开发 有专做代金券的网站吗北京市网站维护公司
