list转string去掉括号（list＜string＞转成string）

大家好，我是讯享网，很高兴认识大家。

(1)修改元素的“所有”的 class

用新的 class 替换掉原有的所有 class，可以设置 className 属性：

（如果想替换为多个 class，可以使用空格分隔。）

(2)为元素添加新的 class

如果想添加一个新的 class，并保留所有原有的 class，可以：

讯享网

（注意 MyClass 前面的空格。）

->length

->item（）（也可以用方括号语法）：取得每个元素

->add（）：将给定的字符串值添加到列表中。如果值已经存在，就不添加。

->contains（）：表示列表中是否存在给定的值，如果存在则返回true，否则返回false。

->remove（）：从列表中删除给定的字符串。

->toggle（）：如果列表中已经存在给定的值，删除它；如果列表中没有给定的值，添加它。

nextElementSibling 属性返回指定元素之后的下一个兄弟元素（相同节点树层中的下一个元素节点）。

nextSibling 属性与 nextElementSibling 属性的差别：

nextSibling 属性返回元素节点之后的兄弟节点（包括文本节点、注释节点）；
nextElementSibling 属性只返回元素节点之后的兄弟元素节点（不包括文本节点、注释节点）；

nextElementSibling属性为只读属性。

提示: 使用 previousElementSibling 属性返回指定元素的前一个元素。

提示: 使用 children 属性返回指定元素的任何子元素。

讯享网

一个定时器，一旦定时器到期，就会执行一个函数或指定的代码片段。delay指延迟的毫秒数。

讯享网

返回值是一个正整数，表示由调用创建的定时器的标识符,定时器编号。可以将这个值传递给 clearTimeout() 来取消该定时器。

讯享网

setInterval函数的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行。

6.1第一个带有 class="example" 的 p 元素

讯享网

6.2有 "target" 属性的第一个 <a> 元素：

6.3区别

讯享网

6.4获取name属性

讯享网

单击“提交”按钮，阻止其提交表单
单击链接，防止链接跟随 URL

讯享网

|| ：当且仅当其一个或多个操作数为真，其运算结果为真。它通常与布尔（逻辑）值一起使用。相当于‘or’

&& ：当且仅当所有操作数为时，一组布尔操作数的逻辑与（，逻辑连接）运算结果为，否则为。相当于‘and’

e.target.dataset 的作用是获取标签中定义的值，定义方法data-*=某个值（data-class,data-id,data-desc）

讯享网

11.1直接设置style的属性

如果属性有'-'号，就写成驼峰的形式（如textAlign）如果想保留 - 号，就中括号的形式

讯享网

第一种方法容易覆盖元素以前就绑定的样式

11.2 className（注意：类名前面不要加点）

11.3 classList（为了解决className容易覆盖以前的类名，我们可以通过classList方式追加和删除类名）

防止暴露用户的隐藏数据，让input表单输入框不记录输入过的信息

12.1在不想使用缓存的input中添加 autocomplete=”off”

12.2如果整个表单元素都不使用autocomplete功能的话，在 input 所在的form标签中添加 autocomplete=”off”

讯享网

事件委托是一种利用事件冒泡的机制，通过将事件处理程序绑定到目标元素的父元素（或更高层次的祖先元素），来管理事件。

mouseover事件有事件委托，mouseenter没有事件委托

事件捕获阶段–>目标阶段–>事件冒泡阶段

目标阶段:事件到达目标元素时，处于目标阶段。事件在目标元素上被触发和捕获，这是事件的目标阶段。

事件冒泡阶段:事件从目标元素开始，再向外传播到文档根节点。在冒泡阶段，事件从内向外被侦听器接收。