<!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
38
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
分别用jquery和js修改页面元素
目录
相关文章
|
11天前
|
JavaScript
前端开发
程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
29
1
1
|
24天前
|
JavaScript
前端开发
开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法，JavaScript 可以实现丰富的网页交互效果，如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中，开发者可以根据具体的需求和场景，选择合适的 DOM 元素操作方法来实现所需的功能，为用户提供更加流畅和动态的网页体验。
48
4
4
|
2月前
|
JavaScript
前端开发
开发者
|
2月前
|
移动开发
JavaScript
前端开发
|
2月前
|
JavaScript
|
2月前
|
Web App开发
前端开发
JavaScript
|
2月前
|
Web App开发
数据采集
JavaScript
|
2月前
|
JavaScript
前端开发
索引
|
1月前
|
JavaScript
定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图，默认左侧是页面主要内容，minimap.js的好处就是在它的右侧形成一个快速定位通道，产生一个缩小版的页面，即预览效果，可以点击并快速定位到页面的某个位置。简单实用，欢迎下载！
31
0
0
|
2月前
|
JavaScript
前端开发
API
热门文章
最新文章
1
jquery还原含有rowspan、colspan的table
2
从零开始学习jQuery (三) 管理jQuery包装集
3
jquery.cookie中的操作
4
jquery datepicker
5
一起谈.NET技术，抛弃WebService，在.NET4中用 jQuery 调用 WCF
6
Jquery 超炫的导航效果
7
jquery tmpl
8
jQuery从html代码中获取对应标签的写法
9
JQuery利用sort对DOM元素进行排序
10
jquery 遍历dom元素
1
深入理解JavaScript中的事件循环机制
85
2
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
109
3
JavaScript 数组方法概览
37
4
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
60
5
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
46
6
JavaScript 提供了多种方法来操作 DOM（文档对象模型）
47
7
JavaScript的垃圾回收机制通过标记-清除算法自动管理内存
57
8
JavaScript 的垃圾回收机制有一些潜在的缺点
41
9
nbcio-vue下载安装后运行报错，diagram-js没有安装
59
10
了解JavaScript的垃圾回收机制
39