javascript选取文档元素

通过ID选取元素

var section1 = document.getElementById("section1")

注意:在低于IE8版本的浏览器中,getElementById()对匹配元素的ID不区分大小写,而且也返回匹配name属性的元素。

通过名字选取元素

和id不一样的是name属性只在少数HTML元素中有效,包括表单、表单元素、<iframe>、<img>元素

var radiobuttons= document.getElementByName("favorite_color")

通过ID选取元素

var section1 = document.getElementById("section1")

通过ID选取元素

var section1 = document.getElementById("section1")

通过ID选取元素

var section1 = document.getElementById("section1")
时间: 2024-10-23 20:03:20

javascript选取文档元素的相关文章

JavaScript中的window对象的属性和方法;JavaScript中如何选取文档元素

一.window对象的属性和方法 ①setTimeout()方法用来实现一个函数在指定毫秒之后运行,该方法返回一个值,这个值可以传递给clearTimeout()用于取消这个函数的执行. ②setInterval()用来实现一个在指定毫毛数的时间里重复调用,返回一个值,这               个值可以传递给clearInterval()用于取消后续函数的调用. ③Document对象的location属性也引用到Location对象: window.location === docume

JavaScipt选取文档元素的方法

摘自JavaScript权威指南(jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName(*)获取所有DOM元素,然后根据样式选择器对所有DOM元素进行筛选) 选取文档元素的方法: 1.通过ID选取元素(getElementById)   1)使用方法:document.getElementById("domId")        其中,domId为要选取元素的id属性值   2)兼容性:低于IE8版本的IE浏览器对getElementById方法

选取文档元素的方法总结

在讲解如何选取文档元素之前,先普及一下什么是文档节点: HTML文档的每个节点都表示一个Node对象,节点树形结构的根部是Document节点,代表整个文档,代表HTML元素的节点是Element节点,代表文本的节点是Text节点:Document.Element.Text类都是Node类的子类:(Comment节点类型代表注释节点,Attr节点类型代表属性) 查询一个或多个文档元素的方法: (文档Document对象和元素Element对象均定义了以下方法,即也可以在一个元素Element上选

Javascript 获取文档元素

一.getElementById() 参数:id 属性,必须唯一. 返回:元素本身.若 id 不唯一,则返回第一个匹配的元素. 定义的位置:仅 document(即:除 document 之外的元素调用该方法,会报 is not a function). 二.getElementsByName() 参数:name 属性,不必唯一. 返回:NodeList 对象. 定义的位置:仅 document. 彩蛋:对于 <form>.<img>.<ifram>,当且仅当为上述元素

选取文档元素

getElementById 根据元素的id属性值,来选取元素,在低于IE8的浏览器中,id不区分大小写,并且对于某些元素也匹配它的name属性值. getElementsByName: 根据元素的name属性查找元素.在IE9以前的版本中,对于表单(form),表单元素(input area等),img,iframe等元素也会匹配对应的id值,为了兼容性,不应将同样的值同时分配给不同元素的id和name属性(id和name设置同样的值是没有问题的). 并且和window对象一样,其中设置了id

Javascript 在线文档

http://jquery.com/    jQuery http://jqueryui.com/  jQuery UI http://plugins.jquery.com/caret/    输入框文字选择与光标位置处理 http://www.examplet.org/jquery/caret.php  示例代码 http://requirejs.org      require.js http://angularjs.org/   Google 推出的SPA( single-page-app

JavaScript触发文档事件和窗口事件

转载请注明出处:http://www.uphtm.com/js/128.html 浏览器窗口本身理解一些事件,包括从当载入页面的时候触发的事件,到当访问者离开页面的时候触发的事件: ·load.当Web浏览器完成下载Web页面文件的全部内容之后(HTML文件本身,加上任何链接图像.Flash电影和外部的CSS和JavaScript文件),load事件触发.Web设计师习惯上会使用这个事件来启动操作Web页面的任何程序.然而,如果有很多的图形或者其他较大的链接文件的话,载入一个Web页面及其所有的

JavaScript : DOM文档解析详解

JavaScript DOM  文档解析 1.节点(node):来源于网络理论,代表网络中的一个连接点.网络是由节点构成的集合 <p title=“a gentle reminder”> Don’t forget to buy this stuff.</p> 节点及其类型 元素节点: 属性节点:元素的属性,可以直接通过属性的方式来操作 文本节点:元素节点的子节点,其内容通常为文本 2.Node接口的特性和方法 现在给出一个演示的HTML文件: html <!doctype h

利用js_API 执行对html文档元素的属性的CRUD操作

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>对html元素属性的增删改查操作</title> <style> #attr{text-align:center;font-size:24px;color:white;background:#008000;width:400px;height:30px; } .myclass{back