原生JS开发

原生JS开发

textContent

食用：类似 innertext，但二者在重要方面有不同之处

tips：获取整个文档的文本可食用：document.documentElement.textContent

返回值：字符串或者null

区别：

使用textContent可以防止XSS攻击

由于 innerText 受 CSS 样式的影响，它会触发回流（ reflow

）去确保是最新的计算样式。（回流在计算上可能会非常昂贵，因此应尽可能避免。）

HTMLSelectElement.selectedIndex 属性

**HTMLSelectElement.selectedIndex**是一个长整型数，它反映了被选中的第一个 [<option>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/option)

元素的索引值。值为-1 时表明没有元素被选中。

语法：

var index = selectElem.selectedIndex;
selectElem.selectedIndex = index;

示例：

<p id="p">selectedIndex: 0</p>
<select id="select">
  <option selected>Option A</option>
  <option>Option B</option>
  <option>Option C</option>
  <option>Option D</option>
  <option>Option E</option>
</select>
const select = document.querySelector("#selector")
select.selectedIndex = 0; // 手写代码设置选中option 的索引
let index = slect.selectedIndex // 获取用户选中的option索引
var val = select[select.seletedIndex].text
// val: Option A

String.prototype.match()

食用：string.match(RegExp)

返回值：

如果使用 g 标志，则将返回与完整正则表达式匹配的所有结果，但不会返回捕获组。

如果未使用 g 标志，则仅返回第一个完整匹配及其相关的捕获组（Array）。 在这种情况下，返回的项目将具有如下所述的其他属性。

groups: 一个命名捕获组对象，其键是捕获组名称，值是捕获组，如果未定义命名捕获组，则为 [undefined](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/undefined)。有关详细信息，请参阅组和范围。

index: 匹配的结果的开始位置

input: 搜索的字符串。