JQuery中html()方法使用不当带来的陷阱
2023-06-13 09:14:27 时间
查看源码
复制代码代码如下:
returnthis[0]&&this[0].nodeType===1?
this[0].innerHTML.replace(rinlinejQuery,""):
null;
得知其通过非标准的但所有浏览器都支持的innerHTML实现。
有些使用者会用html()方法的返回值作为代码分支的条件,比如:
varstr=$("#user").html();
if(str=="jack"){
...
}elseif(str=="tom"){
...
}elseif(str=="lily"){
...
}
多数情况下这没什么问题,但如果id=user的html元素内有空格,则不会得到想要的结果了。比如:
<divid="user">jack</div>
<script>
alert(document.getElementById("user").innerHTML.length);
</script>
div[id=user]内文本jack前不小心多了3个空格,这时候在各浏览器表现不一样:
IE6/78中,弹出字符串的长度是4,即忽略了空格。
IE9/Firefox/Safari/Chrome/Opera中,弹出则是7,即没有忽略空格。
这时候拿.html()的返回值作为代码分支的条件明显在非IE浏览器中会出错。
如果非要使用元素的html内容作为判断条件,解决办法很简单
1,写html时去掉空格
2,调用html()方法后再调用trim,如varstr=$("#user").html().trim();
相关:
相关文章
- javascript/jquery获取地址栏url参数的方法
- Jquery实现图片放大两种方式
- 文件Linux 打开 HTML 文件的方法(linux打开html)
- jQuery html()和text()方法的区别
- jQuery $.param()方法的用法
- jQuery $.grep()方法的使用
- jQuery $.extend()方法的用法
- 文件Linux查看HTML文件的简单方法(linux查看html)
- JQuery的html(data)方法与<script>脚本块的解决方法
- jquery日期分离成年月日的代码
- jquery异步调用页面后台方法‏(asp.net)
- jQuery侧边栏随窗口滚动实现方法
- Jquery中使用setInterval和setTimeout的方法
- html文件中jquery与velocity变量中的$冲突的解决方法
- jquery的map与get方法详解
- jQuery对html元素取值与赋值的方法
- Jquery动态循环输出表格具体方法
- jquery中的查找parents与closest方法之间的区别
- jQuery删除节点的三个方法即remove()detach()和empty()
- 用jquery实现的一个超级简单的下拉菜单