美文网首页
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

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