在javascript自定义并实现一个类似JQuery中的$()函数,假设定义为my$(),以下使用my$实现
![](https://img.haomeiwen.com/i10981646/28bb5257f6e89a38.png)
点击按钮显示列表隔行换色
![](https://img.haomeiwen.com/i10981646/9507bd97f3d73a80.png)
点击按钮获取class样式并修改多个标签
![](https://img.haomeiwen.com/i10981646/c3b657c0dbffae0a.png)
!!!
![](https://img.haomeiwen.com/i10981646/8c5290896614e54a.jpg)
鼠标进入div增加边框
![](https://img.haomeiwen.com/i10981646/0c3c5d97356d1f75.png)
模拟搜索库
![](https://img.haomeiwen.com/i10981646/a04ff2eb8c2f67c3.png)
验证文本框密码长度
![](https://img.haomeiwen.com/i10981646/51f2bc45bae65c56.png)
封装innerText和textContent
设置标签中间的内容用innerContent,谷歌,火狐支持,IE8不支持
设置标签中间的内容用innerText,谷歌,火狐,IE8都支持
(如果这个属性浏览器不支持,则这个属性的类型是undefined)
![](https://img.haomeiwen.com/i10981646/bd49e35d2f08b667.png)
总结:如果使用innerText主要是设置文本的,设置标签内容。是没有标签的效果的
innerHTML:是可以设置文本内容,主要的作用是在标签中设置新的HTML标签内容是有标签的效果的。
想要设置标签 的内容,使用innerHTML,想要设置文本内容使用innerText或者innerContent,或者innerHTML,建议使用innerHTML
自定义属性:
在HTML标签中添加自定义属性,如果想要获取这个属性的值,需要使用getAttribute(‘自定义属性的名字’)才能获取这个属性的值;
![](https://img.haomeiwen.com/i10981646/7293f2449e26dc5c.png)
移除自定义属性:removeAttribute(“属性的名字”)
移除元素的类样式
但是值没有 了,属性依旧存在
网友评论