大多数情况下,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属性,以确保跨浏览器的一致行为。
相关推荐
此外,还有许多其他CSS属性和DOM属性,如`display`(控制元素的可见性),`margin`和`padding`(控制元素边距和内填充),`fontSize`(设置字体大小),以及`value`(获取或设置表单元素的值)等,都是开发者日常...
本文将深入探讨JavaScript中与元素尺寸和位置相关的DOM属性,并指导如何在实际开发中正确理解和运用这些属性。 首先,需要明确几个关键的DOM属性,它们分别是offsetWidth、clientWidth、scrollWidth以及相对应的...
本篇文章将深入探讨JavaScript如何利用DOM进行节点操作,包括创建、查找、修改和删除节点,以及操作DOM属性和方法。 首先,了解DOM的基本结构至关重要。DOM将HTML或XML文档视为一棵树形结构,每个节点代表文档的一...
DOM属性用法速查手册 ,常用DOM属性可以找找。
解决webstorm调试js时Evaluate脚本获取dom属性丢失问题,百思不得其解,最后找到,原因出在webstorm调用chrome调试接口时设置了一个"ownProperties":true,设置为false即可这需要修改chrome调试插件源代码修改成这样就...
ReactV 15.5.0 从入门到精通第三章 ReactJSX非DOM属性介绍
第16周-第19章节-Python3.5-Dom属性及创建标签.avi
Angular4学习教程之DOM属性绑定详解 Angular4学习教程之DOM属性绑定详解中,主要介绍了关于Angular4学习教程之DOM属性绑定的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习...
本文将深入探讨如何在Vue.js框架中使用iview UI组件库的Table组件通过render函数设置DOM属性值的方法。iview是一个基于Vue 2.0的高质量UI组件库,广泛应用于快速开发Web界面。而Table组件是其中用于展示表格数据的...
适合新手小白
简单的介绍一下,DOM常用API的属性和方法
一个小的DOM实现,其中实现了文档中的大多数DOM属性和方法。 例子 var document = require ( "dom-lite" ) . document ; var el = document . createElement ( "h1" ) ; el . id = 123 ; el . className = "large" ...
这是一个快速查询DOM属性用法的手册,提供了简洁明了的条目,便于开发者在编写代码时迅速查阅。例如,它可以告诉你nodeValue属性如何获取或设置节点的文本内容,getAttribute和setAttribute如何处理元素的属性值,...
... #### DOM节点基本属性 在DOM中,每个节点都具有一些基本属性,这些...随着前端技术的发展,新的DOM属性和方法也在不断出现,开发者应保持学习的态度,以便能够利用最新的工具和技术构建更加高效和美观的Web应用。
三、DOM属性操作 1. 获取属性:`element.getAttribute(name)`,例如,获取img元素的src属性。 2. 设置属性:`element.setAttribute(name, value)`,例如,设置img元素的src属性。 3. 删除属性:`element....
2. 定位属性:在DOM中,每个元素由`XmlElement`类表示,其属性则由`XmlAttribute`类表示。我们可以遍历元素的所有属性,通过`Attributes`集合获取。 ```csharp XmlElement targetElement = doc.SelectSingleNode("/...
3. **DOM属性和属性值的修改**:如改变元素的文本内容、样式、类名等,可以通过`innerHTML`、`style`对象、`classList`接口等进行。 4. **DOM节点操作**:包括创建新节点、插入节点、删除节点、移动节点等,如`...