用JS操作网页

最新推荐文章于 2022-10-25 21:01:22 发布

超级小丑_Supclown

最新推荐文章于 2022-10-25 21:01:22 发布

阅读量1.9k

点赞数 1

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/m0_57860459/article/details/122215655

版权

本文介绍了如何使用JavaScript与用户交互，包括通过querySelector和querySelectorAll选择元素，添加事件，以及操作网页内容、样式和属性。具体涉及innerText、innerHTML用于内容修改，style属性用于样式修改，以及获取和设置元素属性的方法。

摘要由CSDN通过智能技术生成

js可以用来跟用户进行交互, 具体就是用户发出一个动作, 我们根据需要用js去操作网页, 操作网页包括:

添加事件, 修改网页内容, 修改网页样式, 修改网页属性等

1.选择标签

querySelector(选择器) 选择一个元素节点对象
querySelectorAll(选择器) 选择多个元素节点对象

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<body>
   <div id="app">box1</div>
   <div class="aa">box2</div>

   <ul>
      <li>1.xxx</li>
      <li>2.xxx</li>
      <li>3.xxx</li>
   </ul>

   <script>
      // 选择(获取)#pp节点对象,querySelector只能选择一个
      var $app = document.querySelector('#app');
      console.log(