<!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
29
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
分别用jquery和js修改页面元素
目录
相关文章
|
4天前
|
JavaScript
|
12天前
|
存储
前端开发
JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素，以及JavaScript的鼠标事件处理，通过示例代码展示了这些基础知识点在实际开发中的应用。
27
2
2
|
13天前
|
前端开发
JavaScript
API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容，支持文本类型文件。在文件读取成功后，可以通过onload事件处理函数获取文件内容，然后展示到页面上。
16
2
2
|
9天前
|
JavaScript
前端开发
|
14天前
|
JavaScript
前端开发
js 回到页面顶部
本文提供了一个JavaScript函数`scrollToTop`，用于平滑滚动页面回到顶部。该函数利用`requestAnimationFrame`和`window.scrollTo`方法逐步减少滚动条距离，直到页面完全回到顶部。
25
1
1
|
20天前
|
JavaScript
前端开发
|
16天前
|
JavaScript
前端开发
|
9天前
|
JavaScript
前端开发
|
9天前
|
JavaScript
前端开发
|
10天前
|
JavaScript
前端开发
热门文章
最新文章
1
JavaScript基本数据类型分析
2
使用JavaScript创建一个字符串对象
3
JavaScript 浏览器对象（三）
4
超棒的纯Javascript实现的文件上传功能 - Fine uploader
5
JavaScript学习（十四）---String对象中的模式匹配方法
6
JavaScript中几个相似方法对比
7
javascript常用自定义字符串处理函数
8
JavaScript中引号的嵌套
9
JavaScript 正则表达式
10
js 计算两个时间的时间差
1
【Web 前端】jQuery 里的 each() 是什么函数？你是如何使用它的？
150
2
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
68
3
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片？
184
4
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同？
91
5
【Web 前端】jQuery 库中的 $() 是什么？
225
6
jquery获取子元素的一些方法
44
7
JQuery的定义
35
8
jQuery遍历节点的方法
31
9
jQuery方法小记
43
10
jQuery手机号抽奖
73