DOM属性
大多数情况下,HTML属性与对应的DOM属性的作用都是一样的,jQuery可以帮我们处理名字不一致的问题(例如:html中的class属性对应DOM属性的classname)。可以,有时候我们的确需要留意着两种的差异。某些DOM属性,例如:nodeNames, nodeType, selectedIndex和childNodes, 在HTML中没有对应的属性,因此通过.attr()方法就没有办法操作它们。此外,数据类型方面也存在差异,比如HTML中的checked属性是一个字符串,而DOM中的checked属性则是一个布尔值。
<html>
<head>
<script>
function checkthis()
{
if (ocheckbox.checked == true)/*在DOM中checked是布尔值*/
{
alert("it's got a check; now off to microsoft!");
window.open("http://www.microsoft.com");
}
}
</script>
</head>
<body>
check here if you wish to go to microsoft:
<!--在html中checked属性 是字符串-->
<input id="ocheckbox" class="cbox" type="checkbox" checked="true" onclick="javascript:checkthis()">
</body>
</html>对于布尔值属性,最后测试DOM属性而不是HTML属性,以确保跨浏览器的一致行为。
相关推荐
星星有所不知 2020-10-12
zuncle 2020-09-28
huaoa 2020-09-14
北京老苏 2020-08-17
luvhl 2020-08-17
Kakoola 2020-07-29
drdrsky 2020-07-29
书虫媛 2020-07-08
liaoxuewu 2020-07-08
SIMONDOMAIN 2020-07-08
爱读书的旅行者 2020-07-07
tianzyc 2020-07-04
Vue和React是数据驱动视图,如何有效控制DOM操作?能不能把计算,更多的转移为js计算?因为js执行速度很快。patch函数-->patch,对比tag,对比tag与key,对比children
Lophole 2020-07-04
Lophole 2020-06-28
liaoxuewu 2020-06-26
ApeLife技术 2020-06-26
北京老苏 2020-06-25
Lophole 2020-06-14