美文网首页
JS-WEB-API-Day2

JS-WEB-API-Day2

作者: 小可_34e0 | 来源:发表于2019-07-18 21:50 被阅读0次

在javascript自定义并实现一个类似JQuery中的$()函数,假设定义为my$(),以下使用my$实现

点击按钮显示列表隔行换色

点击按钮获取class样式并修改多个标签

图片发布于简书APP

!!!

图片发布于简书APP

鼠标进入div增加边框

图片发布于简书APP

模拟搜索库

图片发布于简书APP

验证文本框密码长度

图片发布于简书APP

封装innerText和textContent

设置标签中间的内容用innerContent,谷歌,火狐支持,IE8不支持

设置标签中间的内容用innerText,谷歌,火狐,IE8都支持

(如果这个属性浏览器不支持,则这个属性的类型是undefined)

图片发布于简书APP

总结:如果使用innerText主要是设置文本的,设置标签内容。是没有标签的效果的

innerHTML:是可以设置文本内容,主要的作用是在标签中设置新的HTML标签内容是有标签的效果的。

想要设置标签 的内容,使用innerHTML,想要设置文本内容使用innerText或者innerContent,或者innerHTML,建议使用innerHTML

自定义属性:

在HTML标签中添加自定义属性,如果想要获取这个属性的值,需要使用getAttribute(‘自定义属性的名字’)才能获取这个属性的值;

图片发布于简书APP

移除自定义属性:removeAttribute(“属性的名字”)

移除元素的类样式

但是值没有 了,属性依旧存在

相关文章

  • JS-WEB-API-Day2

    在javascript自定义并实现一个类似JQuery中的$()函数,假设定义为my$(),以下使用my$实现 点...

网友评论

      本文标题:JS-WEB-API-Day2

      本文链接:https://www.haomeiwen.com/subject/duiflctx.html