<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery-查找HTML元素</title> <!-- <script type="text/JavaScript" src="./js/jquery-3.4.1.js"></script> <script type="text/JavaScript"> $(document).ready(function(){ //测试text() $("#btn1").click(function(){ alert("文本内容: " + $("#test0").text()); }); }); </script> --> <script type="text/javascript"> // 在DOM加载完成后执行函数 document.addEventListener("DOMContentLoaded", function() { // 获取id为btn1的元素并添加点击事件处理函数 document.getElementById("btn1").addEventListener("click", function() { // 弹出id为test0元素的文本内容 alert("文本内容: " + document.getElementById("test0").textContent); }); }); </script> </head> <body> <p id="test0">床前明月光</p> <button id="btn1">显示文本text()</button> </body> </html>
分别用jquery和js修改页面元素
2024-08-23
113
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
分别用jquery和js修改页面元素
目录
相关文章
|
3月前
|
JavaScript
算法
开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果？
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件，动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法，并附有示例代码和在线演示链接，方便开发者参考与测试。
147
56
56
|
4月前
|
JSON
JavaScript
数据格式
|
5月前
|
数据采集
JavaScript
Android开发
【02】仿站技术之python技术，看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡
【02】仿站技术之python技术，看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡
154
7
7
|
5月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
138
1
2
|
6月前
|
人工智能
程序员
UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
235
21
22
|
6月前
|
前端开发
JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
133
14
15
|
4月前
|
JavaScript
前端开发
API
|
4月前
|
移动开发
运维
供应链
通过array.some(）实现权限检查、表单验证、库存管理、内容审查和数据处理；js数组元素检查的方法，some（）的使用详解，array.some与array.every的区别（附实际应用代码）
array.some（）可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作，核心在于利用其短路机制，速度更快，节约性能。
博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
122
0
0
|
4月前
|
供应链
JavaScript
前端开发
通过array.every(）实现数据验证、权限检查和一致性检查；js数组元素检查的方法，every（）的使用详解，array.some与array.every的区别（附实际应用代码）
array.every（）可以用来数据验证、权限检查、一致性检查等数据校验工作，核心在于利用其短路机制，速度更快，节约性能。
博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
94
0
0
|
8月前
|
JavaScript
前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术，无需游戏框架支持。通过下载项目文件至本地，双击index.html即可启动贪吃蛇游戏。游戏界面简洁，支持方向键控制蛇移动，空格键实现游戏暂停与恢复功能。
163
14
14
热门文章
最新文章
1
银行流水生成器在线制作，银行流水虚拟生成器app，h5+js+css【仅供学习用途】
2
仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
3
Node.js中发起HTTP请求的五种方式
4
征信报告修改器，征信报告生成器，制作软件无痕修改软件【js+html+css】
5
处方单图片生成器， 处方单在线制作免费，js+css+html恶搞神器
6
抖音评论截图生成器，虚拟评论截图生成器，js+html+css实现
7
个人征信PDF无痕修改软件，个人征信模板可编辑，个人征信报告p图神器【js+html+css仅供学习用途】
8
抖音快手小红书虚拟评论截图生成器，模拟对话制作工具，html+js+css
9
病历单生成器在线制作，病历单生成器app，HTML+CSS+JS恶搞工具
10
制作b超单生成器， 假怀孕b超单图片制作， p图医院证明【css+html+js装逼恶搞神器】
1
仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
160
2
个人征信电子版无痕修改， 个人信用报告pdf修改，js+html+css即可实现【仅供学习用途】
60
3
个人征信PDF无痕修改软件，个人征信模板可编辑，个人征信报告p图神器【js+html+css仅供学习用途】
143
4
征信报告修改器，征信报告生成器，制作软件无痕修改软件【js+html+css】
154
5
银行流水生成器在线制作，银行流水虚拟生成器app，h5+js+css【仅供学习用途】
430
6
制作b超单生成器， 假怀孕b超单图片制作， p图医院证明【css+html+js装逼恶搞神器】
90
7
医院检查单子p图软件，在线制作仿真病历，js+css+html装逼神器
55
8
处方单图片生成器， 处方单在线制作免费，js+css+html恶搞神器
158
9
病历单生成器在线制作，病历单生成器app，HTML+CSS+JS恶搞工具
143
10
抖音快手小红书虚拟评论截图生成器，模拟对话制作工具，html+js+css
139