JS学习总结
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<!---->一、<!---->document对象的三个方法说明:
1、getElementById(“key”);
注:参数KEY页面中对象的ID属性, 返回的是页面中第个一对象属性ID为KEY值的对象
<o:p> </o:p>
2、getElementsByName("key”);
注:参数KEY是页面中对象的NAME属性,返回的是一个对象数组(数组中的对象的属性NAME的值均为KEY)。
<o:p> </o:p>
3、getElementsByTagName("input");
注:参数KEY是页面中对象的标签名,
如:<input type=”radio” value=’<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="1" unitname="’">1’</st1:chmetcnv> name=’sex’ />
中KEY值为“INPUP”。
<o:p> </o:p>
返回的一个对象数组(数组中的对象标签是同名的)。
<o:p> </o:p>
<o:p> </o:p>
在JS中,通过以上三个方法得到的对象是一个document的节点NODE),对对象的操作实际上就是对document的节点(NODE)操作。
如:var obj=document.getElementById(“username”); 取得一个节点(对象)
obj.name 取得这个节点(对象)属性为”NAME“的值
obj.value 取得这个节点(对象)属性为”VALUE“的值
obj.value=’<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="6688" unitname="’">6688’</st1:chmetcnv> 设置这个节点(对象)属性为”VALUE“的值
<o:p> </o:p>
4、使用$()方法
$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。
比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象
function test2()
{
var divs = $('myDiv','myOtherDiv');
for(i=0; i<divs.length; i++)
{
alert(divs[i].innerHTML);
}
}
使用$F()函数
$F()函数是另一个大收欢迎的“快捷键”,它能用于返回任何表单输入控件的值,比如text box,drop-down list。这个方法也能用元素id或元素本身做为参数。
<o:p> </o:p>
使用$A()函数
$A()函数能把它接收到的单个的参数转换成一个Array对象。
这个方法,结合被本类库扩展了的Array类,能方便的把任何的可枚举列表转换成或拷贝到一个Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象,从而更有效率的进行遍历,请看下面的例子。
<o:p> </o:p>
<o:p> </o:p>
分享到:
相关推荐
总结来说,JS学习涉及基础语法、数据类型、进制转换、错误处理等多个方面,理解这些基础知识对于深入学习和应用JavaScript至关重要。同时,了解和掌握像jQuery这样的库可以帮助开发者更高效地处理DOM操作,提高开发...
JavaScript,作为全球最广泛使用的编程语言之一,是创建动态网页和交互式应用...通过阅读《JavaScript学习笔记.pdf》,你应该能够更全面地理解和运用JavaScript的属性、方法和事件,为你的Web开发之旅奠定坚实的基础。
JavaScript学习总结 JavaScript是一种解释型的脚本语言,主要应用于Web应用开发,尤其在HTML网页中,它赋予网页动态功能,使得用户体验更加丰富。早期JavaScript主要用于简单的网页特效,如表单验证和浮动广告,但...
在“21天学js”教程中,JavaScript作为一种强大的客户端脚本语言,广泛应用于网页交互和动态效果的实现。这个21天的学习旅程涵盖了JavaScript的基础到进阶内容,旨在帮助初学者快速掌握这一核心技术。 首先,我们从...
个人总结对Ext js 的学习总结,希望对各位朋友有所帮助
这份“js的全套学习总结,xmind版本”提供了一个全面的学习路线图,旨在帮助开发者系统地理解和掌握JavaScript的核心概念及高级特性。 首先,JavaScript的基础知识包括变量、数据类型(如字符串、数字、布尔值、...
在js中,正则表达式是由一个RegExp对象表示的,RegExp 是正则表达式的缩写。RegExp简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。可以使用一个RegExp()构造函数...
js学习中的重要笔记,非常适合菜鸟快速入门,看完即会使用js!
js学习总结,希望能帮助大家,多多指点了
JavaScript数组学习JavaScript数组学习JavaScript数组学习JavaScript数组学习JavaScript数组学习JavaScript数组学习JavaScript数组学习
通过思维导图的方式,快速了解掌握JavaScript的基本内容
自己弄得一个总结文档方便初学者快速学习 csdn真恶心
这篇经典JavaScript知识总结涵盖了从基础语法到高级特性的多个方面,旨在帮助有一定基础的开发者巩固和扩展他们的JavaScript知识。 1. **创建脚本块**:在HTML文件中,使用`<script>`标签来插入JavaScript代码。...
JavaScript事件学习小结(五)js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员...
JavaScript培训学习PPT教程(js资料和源代码) DOM事件总结(教辅).pdf DOM事件(ppt).pdf JavaScripr之while循环(源代码).zip JavaScript中的循环总结(教辅).pdf JavaScript之Date对象(源代码).zip ...
本学习笔记和经验总结将深入探讨Node.js的核心概念、主要特性、常用模块以及实战技巧,帮助你从零基础到熟练掌握Node.js。 一、Node.js核心概念 1. 非阻塞I/O模型:Node.js采用事件驱动、非阻塞I/O模型,提高了...
js笔记js笔记js笔记js笔记
在学习完js课程之后,自己手动编写的总结文档,以及平常遇到的小问题的解决办法,通俗易懂,适合正在学习js的同学