<!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>
