代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1 class="title">hello</h1> <h2 class="title">HELLO</h2> <script> // 选中单个元素 let title1 = document.querySelector('h1') console.log(title1) title1.innerHTML = '你好呀~' // 选中多个元素 let titles = document.querySelectorAll('.title') console.log(titles[1]) titles[1].innerHTML = '你好呀呀呀~' </script> </body> </html>
效果图:
web API-DOM-修改html标签内容
最新推荐文章于 2024-10-12 10:19:22 发布
此代码示例展示了如何使用JavaScript选取和修改HTML元素。首先,通过querySelector方法选择h1标签并更改其内容为你好呀~。接着,使用querySelectorAll选择所有class为title的元素,将第二个元素的内容改为你好呀呀呀~。
摘要由CSDN通过智能技术生成