JavaScript_dom
JavaScript对web页面的操作
微剑
Linux小白
展开
-
CSS 常用属性
transition-timing-function: 过渡的时间函数。animation-timing-function: 动画时间函数。animation-iteration-count: 动画重复次数。grid-template-columns: 网格列的大小和数量。grid-template-rows: 网格行的大小和数量。grid-template-areas: 网格区域的命名。grid-column-start: 项目开始的列位置。grid-column-end: 项目结束的列位置。原创 2023-04-20 07:34:21 · 114 阅读 · 0 评论 -
HTML5 常用标签
input>标签用于定义输入框,可以定义多种类型的输入框,如文本框、密码框、复选框等。<table>标签定义了一个表格,其中每行使用<tr>标签定义,每个单元格使用<td>标签定义。<details>标签用于定义一个可折叠的内容块,<summary>标签用于定义折叠内容块的摘要。<progress>标签用于显示进度条,<meter>标签用于显示某个量的大小。<datalist>标签用于定义一个选项列表,<option>标签用于定义选项。<ol>标签定义了一个有序列表,其中每个列表项使用<li>标签定义。原创 2023-04-20 07:34:24 · 2890 阅读 · 0 评论 -
HTML 常用标签
html>:定义 HTML 文档的根元素,包括 <head> 和 <body>。<head>:定义文档头部,包含元数据和其他文档级设置,如标题、样式表和脚本等。<h1> - <h6>:定义标题,从大到小分别为一级标题到六级标题。<li>:定义列表项,必须在 <ul> 或 <ol> 标签内使用。<select> 和 <option>:定义下拉列表框和选项。<th> 和 <td>:定义表头单元格和普通单元格。<body>:定义文档的主体部分,包含文档的内容。<ul> 和 <ol>:定义无序列表和有序列表。原创 2023-04-20 07:34:01 · 103 阅读 · 0 评论 -
JavaScript常用内置模块
2. Date:日期和时间相关的函数,例如获取日期,计算时间间隔,解析日期字符串等等。3. String:字符串相关的函数,例如查找子字符串,替换子字符串,转换大小写等等。1. Math:数学操作的相关函数,例如计算三角函数,指数,对数,平方根等等。// 解析日期字符串。原创 2023-04-09 20:08:12 · 124 阅读 · 0 评论 -
JavaScript中对dom对象的常用方法
`document.querySelector(selector)`:通过CSS选择器获取一个元素对象。- `document.createRange()`:创建一个范围对象,用于操作文档中的文本节点。- `element.appendChild(child)`:将一个元素添加到另一个元素的末尾。- `document.getElementById(id)`:通过元素id获取一个元素对象。- `element.removeChild(child)`:从一个元素中移除一个子元素。原创 2023-04-02 19:36:04 · 104 阅读 · 0 评论 -
JavaScript实现特效的常用模块和函数
1. jQuery:这是最流行的JavaScript库之一,它提供了大量的动画和特效函数,如fadeIn(),fadeOut(),slideDown(),slideUp()等等。2. CSS Transitions:这个模块使得可以在一个元素的不同状态之间设计平滑的过渡效果,可以使用CSS样式类和伪元素,例如:hover和:active实现。以上这些模块和函数只是一些常用的,但JavaScript提供了很多其他有用的模块和函数来实现视觉效果和动画,可以根据自己的具体需求来选择使用。/* 定义过渡效果 */原创 2023-04-09 19:50:20 · 187 阅读 · 0 评论 -
前端开发中JavaScript常用函数介绍
6. 数组操作函数:可以使用push()、pop()、shift()、unshift()、slice()、splice()、concat()、join()等函数对数组进行操作,如添加、删除、替换元素、拼接数组、转换为字符串等。5. 字符串操作函数:可以使用indexOf()、substring()、split()、trim()等函数对字符串进行操作,如查找子串、截取字符串、分割字符串、去除空格等。这些内置函数是前端开发中常用的基础工具,掌握它们可以提高开发效率、简化代码实现。原创 2023-03-16 08:32:41 · 412 阅读 · 0 评论 -
JavaScript修改HTML的内容
/ document.querySelector(".myText").innerText = "新的文本内容";document.getElementById("myText").innerHTML = "新的文本内容";document.querySelector(".myText").innerHTML = "新的文本内容";// elements[i].innerText = "新的文本内容";// elements[i].innerText = "新的文本内容";原创 2023-03-24 11:28:46 · 1429 阅读 · 0 评论 -
JavaScript增删HTML标签
/ 获取要添加标签的父元素。// 获取要删除标签的父元素。// 添加新标签到父元素中。// 设置标签属性和内容。// 从父元素中删除标签。// 获取要删除的标签。// 创建一个新标签。原创 2023-03-24 15:08:45 · 867 阅读 · 0 评论 -
JavaScript中对dom对象的高级用法
`element.insertBefore(newNode, referenceNode)`:在一个元素的子元素列表中,将一个新的子元素插入到一个参考元素的前面。除了常见的获取元素、操作元素和文档信息等方法外,`document`还有一些高级用法,可以更加灵活地操作和获取HTML元素和文档信息。- `element.cloneNode(deep)`:复制一个元素,如果`deep`为`true`,则同时复制其所有子元素。- `document.createComment(text)`:创建一个注释节点。原创 2023-04-02 19:39:34 · 50 阅读 · 0 评论 -
JavaScript的dom库
JavaScript和DOM相关的一些主要库分类列表:1. DOM操作类库:- jQuery- Zepto- Mootools- YUI2. 数据绑定类库:- React- Vue.js- Ember.js3. 动画类库:- Anime.js- Mo.js- Transit4. 事件处理类库:- RxJS- HammerJS5. 图表类库:- D3.js- Chart.js- C3.js6. 框架类库:- Ember.js- React。原创 2023-04-07 10:42:09 · 473 阅读 · 0 评论