迹忆客 专注技术分享

要在按钮上的新选项卡中打开链接，请单击： 选择按钮元素。 向按钮添加事件侦听器。 使用 window.open() 方法在新选项卡中打开链接。 例如， window.open(https://example.com, _blank) 。 这是我...

将光标设置在文本区域的末尾： 使用 setSelectionRange() 方法将当前文本选择位置设置为文本区域的末尾。 在 textarea 元素上调用 focus() 方法。 focus 方法会将光标移动到元素值的末尾。 以...

使用 closest() 方法通过标签获取最近的父元素，例如 child.parentElement.closest(div) 。 closest() 方法遍历元素及其父元素，直到找到与提供的选择器匹配的节点。 以下是本文示例的 HTML。 !DO...

要使用多个条件过滤数组： 使用 Array.filter() 方法迭代数组。 使用逻辑 AND 运算符检查多个条件。 Array.filter() 方法将返回所有满足条件的元素。 const people = [ { name : Adam , age : 30 }, { nam...

使用 getDate() 方法而不是 getDay() 来获取一个月中某天的正确值，例如 date.getDate() 。 getDate 方法返回一个介于 1 和 31 之间的数字，表示给定日期是一个月中的第几天。 const date = new Date...

使用可选的链接运算符检查对象是否具有嵌套属性。 可选的链接运算符允许我们读取嵌套属性的值而不会在对象上不存在该属性时抛出错误，例如 obj?.a?.b 。 const obj = { a : { b : hello }}...

使用 typeof 运算符检查对象属性是否 undefined ，例如 if (typeof obj.age === undefined) {} 。 如果对象属性 undefined 或尚未设置，则 typeof 运算符将返回字符串undefined。 const obj = { name : Tom }; // ✅...

检查 div 元素是否包含特定文本： 使用元素的 textContent 属性获取元素及其后代的文本内容。 使用 includes() 方法检查特定文本是否包含在 div 中。 如果是，则 includes() 方法返回 true ，否...

使用 getDay() 方法检查日期是否在周末，例如 date.getDay() === 6 || date.getDay() === 0 。该方法返回一个 0 到 6 之间的数字表示星期几，其中星期日为 0，星期六为 6。 function isWeekend ( date = new...

要检查一个日期是否在另一个日期之后，请比较 Date 对象，例如 date1 date2 。 如果比较返回 true ，则第一个日期在第二个日期之后，否则第一个日期等于或早于第二个日期。 function isA...

要更改输入字段的背景颜色，请将输入字段的 style.background 属性设置为特定颜色。 backgroundColor 属性更改元素的背景颜色。 这是此示例的 HTML。 !DOCTYPE html html lang = en head meta charset = UT...

Cannot read properties of undefined（reading scrollHeight）错误的发生有两个原因： 访问未定义值（不存在的 DOM 元素）上的 scrollHeight 属性。 在声明 DOM 元素的 HTML 上方插入 JS 脚本标记。 下面是...

将字符串中每个单词的首字母大写 ： 使用 split() 方法将字符串拆分为单词数组。 使用 Array.map() 方法迭代数组。 使用 join() 方法将数组连接成一个字符串。 function toTitleCase ( str ) { con...

对 null 值调用 filter() 方法时会发生Cannot read properties of null (reading filter)错误。 要解决此错误，请将变量的值初始化为空数组或确保仅对数组调用 filter 方法。 下面是产生上述错误的一个...

向具有类的所有元素添加事件监听器： 使用 document.querySelectorAll() 方法按类选择元素。 使用 forEach() 方法迭代元素集合。 使用 addEventListener() 方法为每个元素添加一个事件侦听器。 以下...