HTML5权威指南读书笔记21（第30,31章）-dom元素设置样式，media属性，CSSRuleList，cssText，便捷属性，优先级，获取属性值，计算属性

最新推荐文章于 2024-05-21 21:13:33 发布
最新推荐文章于 2024-05-21 21:13:33 发布
阅读量163 收藏
点赞数
分类专栏： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43745804/article/details/110249829
版权
1、概述

在这里插入图片描述

2、使用简单事件处理器

用时间属性创建一个简单时间处理器（simple event handler）。元素为他们支持
例如onmouseover事件对应全局时间mouseover

<body>
    <p onmouseover="this.style.background='yellow'; this.style.color='red'" onmouseout="this.style.background='green'; this.style.color='black'">
      there is some things to do something, By the time add,countleess zhen
    </p>
    <script>
    </script>
</body>
3、简单的时间处理函数
<head>
    <style type="text/css">
        p{ border:medium double black;background-color: blanchedalmond; }

    </style>
    <script>
      function handmouseover(elem){
        elem.style.background="green";
        elem.style.color="red";
      }

      function handmouseout(elem){
        elem.style.background="yellow";
        elem.style.color="blue";
      }
    </script>
</head>
<body>
    <p onmouseover="handmouseover(this)" onmouseout="handmouseout(this)">
      there is some things to do something, By the time add,countleess zhen
    </p>
    
</body>
4、使用DOM和事件对象
<head>
    <style type="text/css">
        p{ border:medium double black;background-color: blanchedalmond; }

    </style>
        
</head>
<body>
    <p >
      there is some things to do something, By the time add,countleess zhen
    </p>
    <p >
      这里是另外一些文本，还是一些文本风扇电机开发商的发时代峻峰
    </p>
    <script>
      var pElem=document.getElementsByTagName("p");
      for(var i=0;i<pElem.length;i++){
        pElem[i].onmouseover=handmouseover;
        pElem[i].onmouseout=handmouseout;

      }
      function handmouseover(elem){
        console.log("hello");
        elem.target.style.background='green';
        elem.target.style.color='red';
      }

      function handmouseout(elem){
        console.log("world");
        //target是属性，用来获取触发的HTMLElement
        elem.target.style.removeProperty('color');
        elem.target.style.removeProperty('background');
      }
    </script>
</body>

未实现，报removeProperty属性错误

5、使用addEventListener和removeEventListener添加事件

在这里插入图片描述

<head>
    <style type="text/css">
        p{ border:medium double black;background-color: blanchedalmond; }

    </style>
        
</head>
<body>
    <p >
      there is some things to do something, By the time add,countleess zhen
    </p>
    <p id="block2" >
      这里是另外一些文本，还是一些文本风扇电机开发商的发时代峻峰
    </p>
    <button id="press">removeEvent</button>
    <script>
      var pElem=document.getElementsByTagName("p");
      var press=document.getElementById("press");

      press.onclick=function(){
        document.getElementById("block2").removeEventListener("mouseout",handmouseout);
      }

      for(var i=0;i<pElem.length;i++){
        pElem[i].addEventListener("mouseover",handmouseover);
        pElem[i].addEventListener("mouseout",handmouseout);

      }
      function handmouseover(elem){
        console.log("hello");
        elem.target.style.background='green';
        elem.target.style.color='red';
      }

      function handmouseout(elem){
        console.log("world");
        elem.target.style.removeProperty('color');
        elem.target.style.removeProperty('background');
      }
    </script>
</body>
6、使用Type属性，按类型区分时间
<head>
    <style type="text/css">
        p{ border:medium double black;background-color: blanchedalmond; }

    </style>
        
</head>
<body>
    <p >
      there is some things to do something, By the time add,countleess zhen
    </p>
    <p id="block2" >
      这里是另外一些文本，还是一些文本风扇电机开发商的发时代峻峰
    </p>
    <button id="press">removeEvent</button>
    <script>
      var pElem=document.getElementsByTagName("p");

      for(var i=0;i<pElem.length;i++){
        pElem[i].onmouseover=handMouseEvent;
        pElem[i].onmouseout=handMouseEvent;
      }

      function handMouseEvent(e){
        if(e.type=="mouseover"){
          e.target.style.background='yellow';
          e.target.style.color="red";
        }else{
          e.target.style.removeProperty('color');
          e.target.style.removeProperty('background');
        }
      }

      function handmouseover(elem){
        console.log("hello");
        elem.target.style.background='green';
        elem.target.style.color='red';
      }

      function handmouseout(elem){
        console.log("world");
        elem.style.style.removeProperty('color');
        elem.style.style.removeProperty('background');
      }
    </script>
</body>
7、理解事件流

一个事件的生命周期包含三个阶段：

  • 捕捉（capture）
  • 目标（target）
  • 冒泡（bubbling）
8、理解捕捉对象（理解事件冒泡）
<head>
    <style type="text/css">
        p{ border:medium double black;background-color: blanchedalmond; padding: 10px; }
        span{background-color: green; color: red; padding: 2px;}
    </style>
        
</head>
<body>
    <p id="block1" >
      there is some things to do <span id="banana">something</span>, By the time add,countleess zhen
    </p>
     <script>
       var banana=document.getElementById("banana");
       var textblock=document.getElementById("block1");

       banana.addEventListener("mouseover",handleMouseEvent);
       banana.addEventListener("mouseout",handleMouseEvent);
       textblock.addEventListener("mouseover",handleDescendantEvent,true);//true决定是否事件冒泡
       textblock.addEventListener("mouseout",handleDescendantEvent,true);

       function handleMouseEvent(e){
        if(e.type="mouseover"){
          e.target.style.background="green";
          e.target.style.color="black";
        }else{
          e.target.style.removeProperty("color");
          e.target.style.removeProperty("background");
        }
       }

       function handleDescendantEvent(e){
         if(e.type=="mouseover" && e.eventPhase==Event.CAPTURING_PHASE){
           e.target.style.border="3px solid red";
           e.currentTarget.style.border="5px double black";
         }else if(e.type=="mouseout" && e.eventPhase==Event.CAPTURING_PHASE){
            e.target.style.removeProperty("border");
            e.currentTarget.style.removeProperty("border");
         }
       }
    </script>
</body>
9、阻止事件流前进（冒泡）
<head>
    <style type="text/css">
        p{ border:medium double black;background-color: blanchedalmond; padding: 10px; }
        span{background-color: green; color: red; padding: 2px;}
    </style>
        
</head>
<body>
    <p id="block1" >
      there is some things to do <span id="banana">something</span>, By the time add,countleess zhen
    </p>
     <script>
       var banana=document.getElementById("banana");
       var textblock=document.getElementById("block1");

       banana.addEventListener("mouseover",handleMouseEvent);
       banana.addEventListener("mouseout",handleMouseEvent);
       textblock.addEventListener("mouseover",handleDescendantEvent,true);//true决定是否事件冒泡
       textblock.addEventListener("mouseout",handleDescendantEvent,true);

       function handleMouseEvent(e){
        if(e.type="mouseover"){
          e.target.style.background="green";
          e.target.style.color="black";
        }else{
          e.target.style.removeProperty("color");
          e.target.style.removeProperty("background");
        }
       }

       function handleDescendantEvent(e){
         if(e.type=="mouseover" && e.eventPhase==Event.CAPTURING_PHASE){
           e.target.style.border="3px solid red";
           e.currentTarget.style.border="5px double black";
         }else if(e.type=="mouseout" && e.eventPhase==Event.CAPTURING_PHASE){
            e.target.style.removeProperty("border");
            e.currentTarget.style.removeProperty("border");
         }
         e.stopPropagation();//阻止事件冒泡
         
       }
    </script>
</body>

eventPhase属性
在这里插入图片描述

10、目标阶段

元素上的事件被触发

11、冒泡阶段
<head>
    <style type="text/css">
        p{ border:medium double black;background-color: blanchedalmond; padding: 10px; }
        span{background-color: green; color: red; padding: 2px;}
    </style>
        
</head>
<body>
    <p id="block1" >
      there is some things to do <span id="banana">something</span>, By the time add,countleess zhen
    </p>
     <script>
       var banana=document.getElementById("banana");
       var textblock=document.getElementById("block1");

       banana.addEventListener("mouseover",handleMouseEvent);
       banana.addEventListener("mouseout",handleMouseEvent);
       textblock.addEventListener("mouseover",handleDescendantEvent,true);//true决定是否事件冒泡
       textblock.addEventListener("mouseout",handleDescendantEvent,true);
       textblock.addEventListener("mouseover",handleBubbleEvent,false);
       textblock.addEventListener("mouseout",handleBubbleEvent,false);

       function handleBubbleEvent(e){
        if(e.type=="mouseover" && e.eventPhase==Event.BUBBLING_PHASE){
           e.target.style.textTransform="uppercase";
         }else if(e.type=="mouseout" && e.eventPhase==Event.BUBBLING_PHASE){
          e.target.style.textTransform="none";
         }
       }
       function handleMouseEvent(e){
        if(e.type="mouseover"){
          e.target.style.background="green";
          e.target.style.color="black";
        }else{
          e.target.style.removeProperty("color");
          e.target.style.removeProperty("background");
        }
       }

       function handleDescendantEvent(e){
         if(e.type=="mouseover" && e.eventPhase==Event.CAPTURING_PHASE){
           e.target.style.border="3px solid red";
           e.currentTarget.style.border="5px double black";
         }else if(e.type=="mouseout" && e.eventPhase==Event.CAPTURING_PHASE){
            e.target.style.removeProperty("border");
            e.currentTarget.style.removeProperty("border");
         }

       }
    </script>
</body>
12、preventDefault使用可撤销事件

有些元素由默认属性，可以调用preventDefault函数阻止默认行为的执行。
下例中使用了confirm（）函数，如果点击cancel按钮，则会调用e.preventDefault（），意味着如果点cancel就不再跳转（执行操作）
但是调用e.preventDefault（）函数，依然要经历捕捉、目标和冒泡阶段。

<head>
    <style type="text/css">
       a{color:green; border: thin solid black;}
    </style>
        
</head>
<body>
    <p id="block1" >
      there is some things to do <span id="banana">something</span>, By the time add,countleess zhen<br/>
      <a href="http://www.sina.com">visit sina</a><br/>
      <a href="http://www.sohu.com">visit w3c</a>
    </p>
     <script>
       function handleClick(e){
         if(!confirm("do u want to navigate to"+e.target+"?")){
           e.preventDefault();
         }
       }

       var elems=document.querySelectorAll("a");
       for(var i=0;i<elems.length; i++){
         elems[i].addEventListener("click",handleClick,false);
       }

    </script>
</body>
13、使用HTML事件-文档和窗口事件

document对象的事件
在这里插入图片描述
windows对象的事件
在这里插入图片描述

14、使用鼠标事件

在这里插入图片描述
mouse事件被触发时，浏览器会指派一个mouseEvent对象。

在这里插入图片描述
在这里插入图片描述
实时读取p标签的坐标轴

<head>
    <style type="text/css">
       p{color:green; border: thin solid black;}
    </style>
        
</head>
<body>
    <p id="block1" >
      there is some things to do <span id="banana">something</span>,<br/> By the time add,countleess zhen<br/>ngs to do <span id="banana">something</span>
    </p>
    <table border="1">
      <tr><th>Type:</th><td id="eType"></td></tr>
      <tr><th>X:</th><td id="eX"></td></tr>
      <tr><th>X:</th><td id="eY"></td></tr>
    </table>
     <script>
       var textblock=document.getElementById("block1");
       var typeCell=document.getElementById("eType");
       var xCell=document.getElementById("eX");
       var yCell=document.getElementById("eY");

       textblock.addEventListener("mouseover",handMouseEvent,false);
       textblock.addEventListener("mouseout",handMouseEvent,false);
       textblock.addEventListener("mousemove",handMouseEvent,false);

       function handMouseEvent(e){
         if(e.eventPhase==Event.AT_TARGET){
           typeCell.innerHTML=e.type;
           xCell.innerHTML=e.clientX;
           yCell.innerHTML=e.clientY;

           if(e.type=="mouseover"){
             e.target.style.backgound="black";
             e.target.style.color="white";
           }else{
             e.target.style.removeProperty("color");
             e.target.style.removeProperty("background");
           }

         }
       }
    </script>
</body>
14、FocusEvent对象使用键盘焦点事件

在这里插入图片描述
在这里插入图片描述

<body>
    <form>
      <p>
        <label for="fave">Fruit:<input autofocus id="fave" name="fave"></label>
      </p>
      <p>
        <label for="name">Name:<input autofocus id="name" name="name"></label>
      </p>
      <button type="submit">submit</button>
      <button type="reset">reset</button>
    </form>
     <script>
       var inputElems=document.getElementsByTagName("input");

       for(var i=0;i<inputElems.length;i++){
         inputElems[i].onfocus=handFocusEnvent;
         inputElems[i].onblur=handFocusEnvent;
       }

      

       function handFocusEnvent(e){
         if(e.type="focus"){
           e.target.style.backgroundColor="lightGray";
           e.target.style.border="thick double red";
         }else{
           e.target.style.removeProperty("background-color");
           e.target.style.removeProperty("border");

         }
       }
    </script>
</body>
15、使用键盘事件

在这里插入图片描述

<body>
    <form>
      <p>
        <label for="fave">Fruit:<input autofocus id="fave" name="fave"></label>
      </p>
      <p>
        <label for="name">Name:<input autofocus id="name" name="name"></label>
      </p>
      <button type="submit">submit</button>
      <button type="reset">reset</button>
    </form>
    <span id="message">hello</span>
     <script>
       var inputElems=document.getElementsByTagName("input");

       for(var i=0;i<inputElems.length;i++){
        inputElems[i].onkeyup=handKeyboardEvent;
       }

       function handKeyboardEvent(e){
         var mess=document.getElementById("message");
         mess.innerHTML="key pressed"+e.keyCode+"Char:"+String.fromCharCode(e.keyCode);
       }
    </script>
</body>
16、使用表单事件

在这里插入图片描述

30章、使用表单专属对象

base元素：
body元素：
link元素：
meta元素等等，不一而足

心湖中的石子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript改变HTML元素的样式改变CSS及元素属性
10-26
6. 对于复杂的样式更改，可能需要使用`style.cssText`来设置多个样式属性，或者使用`classList.add`、`classList.remove`来操作CSS类。 7. 在进行DOM操作时，应注意操作的时机，通常推荐在文档加载完成后进行，比如...
js中巧用cssText属性批量操作样式
12-10
给一个HTML元素设置css属性，如 代码如下: var head= document.getElementById(“head”); head.style.width = “200px”; head.style.height = “70px”; head.style.display = “block”; 这样写太罗嗦了，为了...
DOM进阶之CSS属性操作
ch_musk的博客
03-17 399
CSS操作属性，指的是使用JavaScript来操作一个元素的CSS样式。在JavaScript中，CSS属性操作同样有两种， 获取CSS属性值 设置CSS属性值 1.获取CSS属性值 语法： getComputedStyle(obj).attr 说明： obj表示DOM对象，也就是通过getElementById(),getElementsByTagName()等方法获取的元...
cssRule那些事儿
前端说
04-02 931
div.style.cssText返回内联样式，并且可以改变 <style> .main{width: 100px;height: 200px;background: red} </style> <div class="main" style="margin:10px"></div> var el=document.querySelector('.main') el.style.cssTex
前端学习笔记之——设置文本样式
前尘忆梦的博客
06-28 671
设置文本样式 1、应用基本文本样式 1.1、对齐文本 有好几个属性可以用来设计文本内容的对齐方式。 属性 说明 值 text-align 指定文本块的对齐方式 startendleftrightcenterjustify text-justify 如果 text-justify 属性使用了 justify 值，则该值会指定对齐问文本的规则 text-align 属性相当简单，不过，需要注意的一点是：可以将文本对齐到显式命名的某个边界（使用 left 或者 right 值），或者对齐
JavaScript鼠标移入移出时颜色变化代码
dusea的博客
08-31 9333
判断鼠标在网页的某个区域移动 转自http://jingyan.baidu.com/article/ac6a9a5e5c040b2b653eac25.html，这里面还有些其他有用的操作 鼠标移入移出时颜色变化代码 <input type="submit" value="把鼠标移动这里" name="btn1" onMouseOut=this.style.color="blue" o
用CSS控制onmouseover/out的背景颜色的方法
sunxboy的专栏
01-22 910
onmouseover: expression(onmouseover=function (){this.style.borderColor =''; this.style.color='';this.style.backgroundColor ='#99E2FB'}); onmouseout: expression(onmouseout=function (){this.style.borde...
HTML5权威指南读书笔记20（第29章）-dom元素设置样式，media属性，CSSRuleList，cssText，便捷属性，优先级，获取属性值，计算属性
weixin_43745804的博客
11-27 233
1、概述 2、使用样式表 通过document.styleSheets属性访问文档中可用的CSS样式表，它会返回一组对象集合，这些对象代表了与文档关联的各个样式表 每个样式都由一个CSSStyleSheet对象代表，它提供了一组属性和方法来操作文档里样式。 <body> <p id="block1"> there is some things to do something, By the time add,countleess zhen </
《HTML5权威指南》学习笔记
最新发布
Leon_Chenl的博客
05-21 577
文章目录第一部分 开篇第1章 HTML5背景知识1.2 HTML5简介第3章 初识HTML3.3 创建HTML文档3.3.1 外层结构3.3.2 元数据3.3.5 了解元素类型3.4 使用HTML实体3.5 HTML全局属性accesskey属性class属性contenteditable属性（New）contextmenu属性（尚无支持这个属性的浏览器）dir属性draggable属性dropzone属性hidden属性id属性lang属性spellcheck属性style属性tabindex属性titl
Vue获取DOM元素样式和样式更改示例
08-31
在进行Web开发时，经常需要操作DOM元素的样式，以实现更加动态和响应式的网页布局。Vue.js作为一个流行的前端框架，提供了非常方便的方法来操作DOM元素的样式。本文将详细介绍如何在Vue中获取DOM元素的样式以及如何...
第21章 DOM操作表格及样式1
08-03
本章主要探讨DOM操作表格（`<table>`）和样式的相关知识。 ### 1. 操作表格 #### 1.1 创建表格 创建表格主要通过`createElement`方法来实现。例如，要创建一个简单的人员表，首先创建`<table>`元素，然后依次添加`...
sass笔记（完结）安装，使用，vscode中设置easy sass，嵌套，变量，混合，循环，分支
weixin_43745804的博客
10-13 4387
1、sass的安装 概念： 一门css的扩展语言，本质上一个脚本编程语言。通过sass所有的特点能够极大的提高编写css的效率。即用部分的sass代码代替之前写的繁琐的css代码。 sass 底层是由一个面向对象的编程语言ruby来编写的。 1、npm安装ruby再安装sass 2、vscode直接搜索easy sass插件 2、sass使用 后缀 .sass或.scss 3、在vscode中的settings设置sass文件转为css文件的相关配置信息 在vscode中的 settings.json
HTML5权威指南读书笔记14（第23章）--动画过渡、反向过渡、linear，from，to，中间值，direction，关键帧重用，多元素共用关键帧，动画开启和停止，transform变换，起点
weixin_43745804的博客
11-25 236
1、概述 2、使用过渡 <head> <style type="text/css"> #mydiv1{width: 400px; height: 500px; border:1px solid gray} span{ border: 1px solid red;border: 1px solid red; } span:hover{ background-color: hotpink;
HTML5权威指南读书笔记18（第27章）-window对象，获取窗口信息，获取scree信息，与窗口交互，用户提示，基本信息，history对象，pushstate添加条目，使用定时器
weixin_43745804的博客
11-26 208
1、概述 <script type="text/javascript"> console.log(window.outerWidth); console.log(window.outerHeight); </script> 2、获取窗口信息 window.outerWidth 3、Screen对象获取屏幕信息 <script type="text/javascript"> cons
HTML5权威指南读书笔记03（第7，8章）--icon，base，锚点，一些七七八八的元素
weixin_43745804的博客
11-19 206
1、概述
HTML5权威指南读书笔记19（第28章）-dom元素，classname属性，classlist类列表，data开头自定义属性，attributes所有属性，text对象，添加创建克隆移动元素及节点
weixin_43745804的博客
11-27 197
1、概述 2、使用元素对象 HTMLElement对象提供了一组属性，用来读取和修改被代表元素的数据 <body> <p id="mytext" dir="ltr" lang="ch"> 这里有一些文本，那里还有一些文本，这里都是一些文本 </p> <pre id="results"></pre> <script type="text/javascript"> var r
HTML5权威指南读书笔记17（第26章）-Document对象，location，hash，cookie，ready，使用属性获取元素，数组标记元素，搜索元素，使用css搜索，链式搜索，Dom中导航
weixin_43745804的博客
11-26 191
1、概述 2、使用docuement元数据 <head> <style type="text/css"> </style> <title>我是title</title> </head> <body> <div id="mydiv1"> 是否存在重大依赖是否存在重大依<br/>赖是否存在重大依赖是否存在重大依赖是否存在重大依赖是否
HTML5权威指南读书笔记12（第21章）--创建布局postion，z-index，column-count，display：flex，box-flex、algin、pack，table
weixin_43745804的博客
11-25 181
1、概述 2、定位内容的位置 <head> <style type="text/css"> <!--使用static和默认属性一致--> div{ position: static; top: 50px; left: 150px; width: 400px; height: 400px; border: 3px solid red;} <!--使用absolute和产生偏移，四个方向起作用-->
使用js修改DOM元素的高度方法
09-25
### 回答1： 可以使用 JavaScript 来修改 DOM 元素的高度。下面是一个例子： ``` // 获取 DOM 元素 var element = document.getElementById("myElement"); // 修改高度 element.style.height = "100px"; ``` 你也可以使用 `offsetHeight` 属性来获取 DOM 元素的当前高度，或者使用 `clientHeight` 属性来获取元素内容及其 padding 所占据的高度。 要注意，修改 DOM 元素的高度时，你需要使用字符串值，并且需要加上单位，例如 `"100px"` 或 `"50%"`。 ### 回答2： 使用JavaScript修改DOM元素的高度有几种方法。 方法一是使用style属性来直接设置元素的高度。可以通过元素的style.height属性来设置元素的高度值，例如： ```javascript var element = document.getElementById('myElement'); element.style.height = '200px'; ``` 这样就将id为"myElement"的元素的高度设置为200像素。 方法二是使用元素的style属性配合CSS的height属性来设置元素的高度。可以通过元素的style属性配合CSS的height属性来设置元素的高度值，例如： ```javascript var element = document.getElementById('myElement'); element.style.cssText += 'height: 200px;'; ``` 这样也会将id为"myElement"的元素的高度设置为200像素。 方法三是使用元素的style属性配合CSS的max-height属性来设置元素的最大高度。可以通过给元素的style属性配合CSS的max-height属性来设置元素的最大高度值，例如： ```javascript var element = document.getElementById('myElement'); element.style.maxHeight = '200px'; ``` 这样会将id为"myElement"的元素的最大高度设置为200像素。 方法四是使用元素的style属性配合CSS的min-height属性来设置元素的最小高度。可以通过给元素的style属性配合CSS的min-height属性来设置元素的最小高度值，例如： ```javascript var element = document.getElementById('myElement'); element.style.minHeight = '200px'; ``` 这样会将id为"myElement"的元素的最小高度设置为200像素。 以上是使用JavaScript修改DOM元素的高度的几种方法，根据需求可以选择适当的方法来设置元素的高度。 ### 回答3： 使用js修改DOM元素的高度可以通过以下几种方法实现： 1. 使用style属性：可以通过设置元素的style属性来修改其高度。例如，要将一个元素的高度设置为200px，可以使用element.style.height = "200px"。 2. 使用CSS类名：可以为元素定义一个CSS类，然后通过修改元素的className属性来改变元素的样式。例如，可以定义一个名为"newHeight"的类，然后使用element.className = "newHeight"来修改元素的高度。 3. 使用CSS样式：可以通过修改元素的CSS样式来改变元素的高度。例如，可以使用element.style.cssText = "height: 200px"来修改元素的高度。 4. 使用setAttribute方法：可以使用元素的setAttribute方法来设置元素的高度属性。例如，可以使用element.setAttribute("style", "height: 200px")来修改元素的高度。 无论使用哪种方法，都需要使用js选择器选择到对应的元素，然后使用上述方法来修改其高度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值