认识 getAttribute() setAttribute()

【认识 getAttribute() setAttribute()】的更多相关文章

认识 getAttribute() setAttribute()

getAttribute()方法不属于document对象,所以不能通过document对象调用,它只能通过元素节点对象调用 var paras = document.getElementsByTagName("p"); for (var i = 0; i < paras.length; i++) { alert(paras[i].getAttribute("title")); } var paras = document.getElementsByTagNa…

removeAttribute getAttribute setAttribute

1.removeAttribute() 方法删除指定的属性. 注:removeAttributeNode() 方法从元素中删除指定的属性节点.简单的来讲,removeAttribute() 移除元素内的属性: <style> .aaa{ color:red; } </style> </head> <body> <h1 class="aaa">Hello World</h1> <button onclick=&…

javascript 中 dom.getAttribute("value") 与dom.value的差异

dom 是一个 input type="text" 手动修改 input 的值, 使用 dom.getAttribute("value") 只能得到 html Dom中的值,而不能得到修改后的值(即内存中的值): 可以通过 dom.value 得到修改后的最新值(内存中的值) 使用: dom.setAttribute("value","2011") , 只能通过 dom.getAttribute("value&quo…

JavaScript中.、[]与setAttribute()在设置属性上的区别

.和[] javaScript.和[]既可以对所有js对象设置属性,但是对于DOM对象它设置的属性有些特殊.对于元素DOM标准属性,实现属性值的设置/更改;对于元素DOM非标准属性,仅在js中有效,在(标准浏览器中)HTML中无效. setAttribute() 设置指定元素上的某个属性值.如果属性已经存在,则更新该值;否则,使用指定的名称和值添加一个新的属性. 要获取某个属性当前的值,可使用 getAttribute();要删除某个属性,可使用 removeAttribute();要获取该自定…

读书笔记：JavaScript DOM 编程艺术（第二版）

读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Netscape公司与Sun公司合作开发,在JavaScript之前,web浏览器只是显示文本文档的软件,JavaScript之后,网页内容不再局限于枯燥的文本,交互性显著改善.在JavaScript的第一个版本,即JavaScript 1.0版本,出现在1995年推出的Netscape Navigator…

JQuery知识点总结

一. 1.JavaScript是Netscape公司开发的一种脚本语言(scripting language).JavaScript的出现实现了使得网页和用户之间实时的,动态的和交互的关系,使网页包含更多活跃的元素和更加精彩的内容. 2.JQuery是一个由John Resig创建于2006年1月的开源项目.jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了的JavaScript开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax的操作. 3.JQuery的优势:轻量级.…

Tomcat中的Session小结

什么是Session 对Tomcat而言,Session是一块在服务器开辟的内存空间,其存储结构为ConcurrentHashMap: Session的目的 Http协议是一种无状态协议,即每次服务端接收到客户端的请求时,都是一个全新的请求,服务器并不知道客户端的历史请求记录: Session的主要目的就是为了弥补Http的无状态特性.简单的说,就是服务器可以利用session存储客户端在同一个会话期间的一些操作记录: 实现机制先看两个问题,如下: 1.服务器如何判断客户端发送过来的请求是属于…

jQuery 2.0.3 源码分析钩子机制 - 属性操作

jQuery提供了一些快捷函数来对dom对象的属性进行存取操作. 这一部分还是比较简单的. 根据API这章主要是分解5个方法 .attr() 获取匹配的元素集合中的第一个元素的属性的值或设置每一个匹配元素的一个或多个属性. .prop() 获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性. .removeAttr() 为匹配的元素集合中的每个元素中移除一个属性(attribute). .removeProp() 为集合中匹配的元素删除一个属性…

公司内部的一篇关于dom方法的分享

第一部分 dom node类型 nodeType 属性 nodeType 属性返回节点的类型.nodeType 是只读的. 比较重要的节点类型有: 元素类型 NodeType 元素 1 属性 2 文本 3 注释 8 文档 9 if (someNode.nodeType == 1) { //适用于所有浏览器 ... } nodeName 属性 nodeName 属性规定节点的名称. - nodeName 是只读的 - 元素节点的 nodeName 与标签名相同 - 属性节点的 nodeName…

HTML5 data-* 自定义属性

在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在 HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放. 使用data-*可以解决自定义属性混乱无管理的现状. 读写方式 data-*有两种设置方式,可以直接在HTML元素标签上书写 <div id="test" da…

DOM document object model learn

DOM对W3C DOM而言,HTML文档中任何一样东西都是一个节点,而且节点之间是有层次的.如<p>I am a JavaScript hacker.</p>有两个节点,一个是P标签的元素节点,一个是文字节点,P节点包含文本节点.按照这样的节点层次,所有节点构成了一棵文档树.节点类型文档节点 nodeType :9元素节点 nodeType :1文本节点 nodeType :3属性节点 nodeType :2注释节点 nodetype :8 寻找元素:长途搜索:document.g…

jQuery笔记总结

来源于:http://blog.poetries.top/2016/10/20/review-jQuery/ http://www.jianshu.com/p/f8e3936b34c9 首先,来了解一下jQuery学习的整体思路第一节 jQuery初步认知 jQuery概述 JQuery概念 javascript概念基于Js语言的API和语法组织逻辑,通过内置window和document对象,来操作内存中的DOM元素 JQuery概念基于javascript的,同上,提高了代码的效率 j…

session详解

什么是Session 对Tomcat而言,Session是一块在服务器开辟的内存空间,其存储结构为ConcurrentHashMap: Session的目的 Http协议是一种无状态协议,即每次服务端接收到客户端的请求时,都是一个全新的请求,服务器并不知道客户端的历史请求记录: Session的主要目的就是为了弥补Http的无状态特性.简单的说,就是服务器可以利用session存储客户端在同一个会话期间的一些操作记录: 实现机制先看两个问题,如下: 1.服务器如何判断客户端发送过来的请求是属于…

jQuery -- DOM节点的操作

DOM 操作的分类: dom core: getElementById() getElementsByTagName() getAttribute() setAttribute() html-dom : document.forms element.src (这些属性只能用来处理web文档) css-dom : element.style.color="red"jQuery 中的dom操作: 创建节点: var li1 = $('<li></li>'); $('…

《JavaScript_DOM编程艺术第二版（中文）》整书笔记

目录第3章:DOM 第4章:案例研究第5章:最佳实践第6章:案例改进第7章:动态创建标记第8章:充实文档的内容第9章:CSS-DOM 第3章:DOM 文档:DOM中的"D" 当创建了一个网页并把它加载到Web浏览器中时,DOM就产生了,它把你编写的网页文档转换为一个文档对象. 对象:DOM中的"O" JavaScript语言里的对象可以分为三种类型: 用户自定义对象:由程序员自行创建的对象内建对象:内建在JavaScript语言里的对象,如 Array…

Request中的各种方法

前言 Request中方法众多,对于Java Web程序员来说,种种方法都会在工作中常常用到.Request由于不是JDK的一部分,这些方法的用法也没有专门的API可以查,所以在工作中遇到Request中方法的时候,所以常常感到困惑,因为觉得网上写的不清楚,自己又懒得写一个Web测试程序.这篇文章,一次性把Request中的各个方法的返回写在这里并做一个详细的总结,以备以后工作中用到可以随时查看. 示例为了让后台可以取到queryString(这个专门在get和post的区别的文章中会讲解的)…

Js杂谈-DOM

前言对jQuery的依赖.导致js的原生方法的淡忘,如果是封装自己的库,那势必要用到js的许多原生方法.从Jquery强大的dom处理开始,我们开始回顾javascript那些古老而坚挺的DOM方法.先从0级DOM入手. 1 节点类型 nodeType name 1 element_node 2 attribute_node 3 text_node 4 cdata_section_node 5 entity_reference_node 6 entity_node 7 processing_i…

DOM Element节点类型详解

上文中我们讲解了 DOM 中最重要的节点类型之一的 Document 节点类型,本文我们继续深入,谈谈另一个重要的节点类型 Element . 1.概况 Element 类型用于表现 HTML 或 XML 元素,提供了对元素标签名.子节点及特性的访问. Element 节点具有以下特征: nodeType 的值为 1 nodeName 的值为元素的标签名 nodeValue 的值为null parentNode 可能是 Document 或者 Element 其子节点可能是 Element.Te…

JS010-DOM

JS010-DOM 本章内容: 1.理解包含不同层次节点的DOM 2.使用不同的节点类型 3.客服浏览器兼容性问题及各种陷阱 DOM(文档对象模型)是针对 HTML和xml文旦过得一个API(应用程序编程接口). 10.1 节点层次 DOM可以将HTML或XML文档描绘成一个由多层节点构成的结构.每个节点都拥有各自的特点.数据和方法.节点之间也存在着某种关系. <html> <head> <title>sample page</title> </hea…

Ajax与DOM实现动态加载

阅读目录 DOM如何动态添加节点 Ajax异步请求 Chrome处理本地Ajax异步请求参考: 首先说下问题背景:想要通过异步请求一个文本文件,然后通过该文件的内容动态创建一个DOM节点添加到网页中. 基于这个需要了解: 1 DOM如何动态添加节点 2 Ajax异步请求 3 Chrome浏览器如何处理本地请求 DOM如何动态添加节点想要动态的添加节点,就需要良好的理解DOM文档. 常用的几个方法: getElementById() getElementsByTagName() getAtt…

js DOM Element属性和方法整理

节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. childNodes获取到的是NodeList children获取到的是HTMLCollection NodeList and HTMLCollection 他们都提供了name(Number index)方法用来索引元素,可以直接用[index]来引用: 他们的区别在于NodeList没有提供namedItem(String name)…

10. javacript高级程序设计-DOM

1. DOM DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序接口) 1.1 节点层次 DOM可以将任何HTML和XML文档描绘成一个由多层节点构成的结构.节点分为几种不同的类型,每种类型分别表示文档中不同的信息及标记. 1.1.1 Node类型 DOM1中定义了一个Node接口,该接口由DOM中所有的节点类型实现,这个Node接口在JavaScript中作为Node类型实现. 每个节点都有一个nodeType属性,因此所有节点类型都共享着相同的基本属性和方法每个节点都有…

《锋利的jQruery》读书笔记

由于是一边看书一边练习,所以干把笔记写在html文档中.想看的同学可以复制到一个html文档中,结合浏览器查看.不得不说<锋利的jQuery>是本好书,建议好好看看.尊重知识产权,请购买正版书籍. 1 <!doctype html> <html> <head> <meta charset="utf-8"> <title>锋利的jQuery</title> <style type="tex…

Javascript学习总结

---恢复内容开始--- 浏览器对象树…

javascript笔记6-DOM

DOM(文档对象模型)是针对HTML和XML文档的一个API.DOM描绘了一个层次化的节点树,允许程序员添加.修改页面的一部分. 节点层次:DOM可以将任何HTML或XML文档描绘成一个由多层次节点构成的结构.如: document节点有一个独生子:html元素. 每个元素节点其实是一个对象. 元素.元素的属性.甚至注释,都有各自的节点和各自节点的位置. 所以,节点有很多种类型,而这些不同的节点都继承自一个基础类型:Node类型. Node类型的节点 Javascript中的所有节点类型均继承自…

javaweb回顾第六篇谈一谈Servlet线程安全问题

前言:前面说了很多关于Servlet的一些基础知识,这一篇主要说一下关于Servlet的线程安全问题. 1:多线程的Servlet模型要想弄清Servlet线程安全我们必须先要明白Servlet实例是如何创建,它的模式是什么样的. 在默认的情况下Servlet容器对声明的Servlet,只创建一个Servlet实例,那么如果要是多个客户同时请求访问这个Servlet,Servlet容器就采取多线程.下面我们来看一幅图从图中可以看出当客户发送请求的时候,Servlet容器通过调度者线程从线程池…

Java性能提示（全）

http://www.onjava.com/pub/a/onjava/2001/05/30/optimization.htmlComparing the performance of LinkedLists and ArrayLists (and Vectors) (Page last updated May 2001, Added 2001-06-18, Author Jack Shirazi, Publisher OnJava). Tips: ArrayList is faster than…

html5 自定义数据属性，也就是 data-* 自定义属性---笔记。

html5 自定义数据属性 ,也就是 data-* 自定义属性. 例如 <div data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div> 可以有三种方法访问和修改data: 1.使用getAttribute setAttribute 方法例如 div.getAttr…

原生js dom记忆的内容

1.DOM基础getElementByIdgetElementByTagNamegetElementByName getElementsByClass querySelector querySelectorAllgetAttributesetAttributeremoveAttribute domobj.tagNamedomobj.innerHTML innerHTML与innerText的区别.http://akunamotata.iteye.com/blog/440863domobj.idd…

使用DOM动态创建标签

本文是参考<javascript Dom 编程艺术>第八章的内容所写,用到的知识点,就是关于创建平稳的web页面. 使用DOM方法: getElementById() getElementsByTagName() getAttribute() setAttribute() createElement() createTextNode() appendChild() 首先网页只是一段简单的html,含有部分复杂的标签. <abbr>用于缩写,<blockquote>引用.…