HTML & CSS
JS : Javascript 获取 textarea 元素的内容（值）
2024-08-13 •
在 JS : Javascript 中有时需要获取 <textarea> 元素的内容，本文将介绍如何在 JS : Javascript 中获取 <textarea> 元素的内容（值）。 JS 获取 <textarea> 元素的用户输入内容 // 假设 textarea 元素的 id 为 ta document . ge...
HTML 去除使用 inline-block 时的空格
2024-06-27 •
在对 HTML 的元素应用 inline-block CSS 时，经常会出现空格，影响页面的布局。本文将介绍如何在 HTML 中去除使用 inline-block 时存在的空格。 HTML 去除使用 inline-block 时空格的方法 在本文中以如下代码为例： CSS 代码： . m-list { list-style-type : ...
网站中使用本地文件加载 Font Awesome 6 字体图标
2024-02-22 •
Font Awesome 6 字体分为 Free 和 Pro 两个版本。Font Awesome 6 Free 字体是免费版，可以自由使用；Font Awesome 6 Pro 字体是收费版，需要付费才能使用。 Font Awesome 6 相对于 Font Awesome 5 也做了修改，Font Awesome 6 的字体类型分为了 Classic （经典样式）、Sharp （棱角分明...
网站中使用 CDN 导入 Font Awesome 6 字体图标
2024-02-22 •
Font Awesome 6 字体分为 Free 和 Pro 两个版本。Font Awesome 6 Free 字体是免费版，可以自由使用；Font Awesome 6 Pro 字体是收费版，需要付费才能使用。 Font Awesome 6 相对于 Font Awesome 5 也做了修改，Font Awesome 6 的字体类型分为了 Classic （经典样式）、Sharp （棱角分明...
JavaScript 为多元素添加监听事件修改元素或属性
2024-02-20 •
本文介绍使用原生JavaScript （Vanilla JS）为多个元素添加事件监听器，添加或修改元素（element）或属性（class, id, rel, type等），为触发事件的元素添加和修改属性和元素。 Javascript为多元素添加事件监听器的步骤 ： 获取所有的元素 使用循环一次性添加事件监听器 获取元素 要为多个元素添加事件监听器，如要获取多个元...
Javascript 为元素添加事件监听器
2024-02-20 •
使用原生 Javascript（Vanilla JS）为元素添加事件监听器，需要使用 EventTarget.addEventListener() 函数。 EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上，当该对象触发指定的事件时，指定的回调函数就会被执行。 EventTarget 可以是一个文档上的元素 El...
JavaScript 为 HTML 元素删除 CSS
2024-02-20 •
JavaScript 可以使用 HTML DOM Element 为 HTML Element 删除 CSS class， Javascript删除CSS样式可以使用 Element 的 classList 和 className 两个属性实现。 JavaScript删除CSS样式使用 Element.classList 和 Element.className 的区别：...
JavaScript 为 HTML 元素添加 CSS 样式
2024-02-20 •
JavaScript 可以使用 HTML DOM Element 为 HTML Element 添加 CSS class，添加 CSS 可以使用 Element 的 classList 和 className 两个属性来配置。 Element.classList 和 Element.className 的区别： Element.classList 使用其方法...
jQuery实现分页完整代码(包含处理数据生成HTML)
2024-02-20 •
本文介绍使用 jQuery 实现分页完整代码（包含处理数据生成HTML），而不是使用 URL 的 page 参数实现分页。 jQuery分页代码实现分页功能的步骤： 定义一个数组作为后端返回的数据 使用JS将一维数组转换为二维数组 使用 jQuery 将二维列表生成HTML 使用jQuery实现分页功能 jQuery分页代码效果图 定义一维数组数据 ...
网站中使用 CDN 导入 Font Awesome 5 字体图标
2024-02-20 •
Font Awesome 5 字体分为 Free 和 Pro 两个版本。Font Awesome 5 Free 字体是免费版，可以自由使用；Font Awesome 5 Pro 字体是收费版，需要付费才能使用。 Font Awesome 5 与以前的 Font Awesome 4 使用方法不同，Font Awesome 5 的字体分为 far, fas, fab，而没有以前的 fa 字体。...