js setAttribute removeAttribute

<input type="button" value="生效" style="font-size:111px"/> <script type="text/javascript"> //单击"生效"按钮,将其失效 var buttonElement=document.getElementsByTagName("input")[0]; buttonElement.on…

JS setAttribute兼容

问题和表现: 最近实践中遇到的问题,setAttribute()设置在IE7中,无法设置style等属性.这样就对设置样式带了很大的困扰,例如绑定点击事件来隐藏元素,setAttribute(”style“,”dispaly:none“);就可以解决,结果IE7 则无法生效. 关于解决兼容性的办法: 方法一:可以用dom的方法来设置Element的属性例如前面提到的Element.setAttribute("Style","display:none;"); Ele…

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…

原生js dom记忆的内容

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

js加强小结

一)回顾JavaScript基础 (1)函数的定义方式 *>>正常方式 function add(num1,num2){...} >>构造器方式 var add = new Function("num1","num2","return num1+num2"); *>>匿名/无名方式 var add = function(num1,num2){函数体} (2)window对象是什么在JS中,window表示整个…

原生js操作DOM基础-笔记

原文参考http://mp.weixin.qq.com/s?__biz=MzU3MDA0NTMzMA==&mid=2247485490&idx=1&sn=15197b4b53e0669e4a017e54a31fb39c&source=41#wechat_redirect 使用原生js为了提高效率,纯js操作dom一查询DOMdocument.querySelector()参数是任意css选择器格式,只会返回第一个匹配到值document.querySelectorAll(…

jQuery (js 和 jQuery 的区别)

js 和 jQuery 的区别主要体现在Dom操作 (jq代表我找到的元素对象)找元素: js:document.get... jquery: $(选择器)设定:jq 是jquery对象 js 是JavaScript对象操作内容:js:js.innerHTML js.value非表单元素:jq:jq.html() jq.html("sad") jq.html(jq.html()+"sad")追加值表单元素:jq.val()…

JS DOM属性，包括固有属性和自定义属性，以及属性获取、移除和设置

属性分为固有属性property和自定义属性attribute 固有属性查看固有属性可以通过ele.property 来获取,自定义属性不行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:1…

读书笔记 - js高级程序设计 - 第十章 DOM

文档元素是文档的最外层元素,在Html页面中,文档元素始终都是<html>元素在xml中,任何元素都可以是文档元素 Node类型 Node.ELEMENT_NODE 元素 Node.ATTRIBUTE_NODE 属性 Node.TEXT_NODE 文本元素 Node.CDATA_SECTION_NODE Node.ENTITY_REFERENCE_NODE Node.ENTITY_NODE Node.PROCESSING_INSTRUCTION_NODE; Node.COMMENT_…

js DOM Element属性和方法整理

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

[f]动态判断js加载完成

在正常的加载过程中,js文件的加载是同步的,也就是说在js加载的过程中,浏览器会阻塞接下来的内容的解析.这时候,动态加载便显得尤为重要了,由于它是异步加载,因此,它可以在后台自动下载,并不会妨碍其它内容的正常解析,由此,便可以提高页面首次加载的速度. 那么,既然js是异步加载,我们又该如何判断它是否加载完成呢? 在IE或一些基于IE内核的浏览器中(如Maxthon),它是通过script节点的readystatechange方法来判断的,而其它的一些浏览器中,往往是通过load事件来决定的,如下…

js动态加载css文件和js文件的方法

今天研究了下js动态加载js文件和css文件的方法. 网上发现一个动态加载的方法.摘抄下来,方便自己以后使用 [code lang="html"] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Javascript includes - ready state and onload</title><…

JS基础DOM篇之二：ＤＯＭ级别与节点层次？

通过上一篇我们大致了解了什么是DOM,今天我们继续深入了解. 1.DOM级别在大家阅读DOM标准的时候,可能会看到DOM(0/1/2/3)级的字眼,这就是DOM级别.但实际上,DOM0级标准是不存在的:所谓DOM0级只是DOM历史坐标中的一个参照点而已.具体说来,DOM0级指的是Internet Explorer 4.0和Netscape Navigator 4.0最初支持的DHTML.那下面就介绍一下这存在的三个级别. DOM1级(DOM Level 1)于1998年10月成为W…

似是而非的JS - 异步调用可以转化为同步调用吗？

源起小飞是一名刚入行前端不久的新人,因为进到了某个大公司,俨然成为了学弟学妹眼中'大神',大家遇到js问题都喜欢问他,这不,此时他的qq弹出了这样一条消息 "hi,大神在吗?我有个问题想问,现在我们的代码里面有这样的东西,可是得不到正确的返回结果 function getDataByAjax () { return $.ajax(...postParam) } var data = getDataByAjax() if (data) { console.log(data.info) } &qu…

整理一下原生js的dom操作

获取元素 getElementById() getElementsByClass() getElementsByTagName getElementsByName node属性前.后.父.子 previousSibling nextSibling parentNode childNode children firstChild lastChild 操作 appendChild insertBefore removeChild replaceChild innerHtml innerText 创…

《js笔记》

1.判断浏览器是否启用cookie: if (navigator.cookieEnabled==true) { alert("已启用 cookie") } else { alert("未启用 cookie") } } 1.从url中获取参数的值: <script type="text/javascript"> function getQueryString( name ){ var reg = new RegExp("(^|…

frames的对象兼容性获取以及跨域实现数据交换（js文件的加载判断）

1.document.frames()与document.frames[]的区别 <html> <body> <iframe id="ifr_1" name="ifr_1"> </iframe> </body> </html> js: alert(document.frames("ifr_1"));//火狐,谷歌,ie都无法识别这个方法 alert(document.fram…

setAttribute 添加属性js_jq

属性js setAttribute document.getElementsByName("test")[0].setAttribute("src", "../img/jia.png"); jquery attr $("#id").attr("src", "../img/jia.png"); var po = {};po.zt = 0;po.sj = "00:22";…

js element类型的属性和方法整理

Element类型除了Document类型,我们Web编程中最常用的类型就是Element类型啦.Element 类型用于表现XML或HTML元素,提供了对元素标签名,子节点,特性的访问特征 nodeType值为1 nodeName为元素标签名 nodeValue为null parentNode可能是Document或Element 子节点可能是Element,Text,Comment,ProcessingInstruction,CDATASection,EntityReference 其中…

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

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

jquery 操作

Jquery使用时要引用,引用时放在最前. Jquery: $代表选择器, $(document) ready(function(e){}):找到页面,页面加载完成后执行. JS选取元素操作内容操作属性操作样式选取元素 JS:document.getElementByid("aa")找到的是dom对象 Jquery:$("#aa") 找到的是Jquery对象,加索引0,是dom对象.b=$(".aa")可以找classname.alert(b.…

JS010-DOM

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

Tomcat的server.xml(中文版)

原文地址: http://www.blogjava.net/ranxiang/articles/23145.html   <!-- Note that component elements are nested corresponding to their parent-child relationships with each other --…

JavaScript学习日志（五）：DOM

一,基本定义 DOM是针对HTML和XML文档的API,根据W3C的HTML DOM标准,html文档中所以内容(无论是元素还是标签还是注释还是元素属性)都是节点. 二,Node类型:每一个节点都含有一个nodeType属性,对应着不同的数字,一共有12个,这里只记住前三个: 1.代表元素节点,也是最多的 2.代表属性节点,就是元素的属性,也是节点 3.代表文本,一个空格,一个回车都是代表#text节点 9.代表document文档如果nodeType=1,元素节点,则nodeName就是标签…

JavaSpcript基础

函数代码的复用:写一遍多次使用>把特定的功能语句打包放在一起语法:function 名字(0,1,1多个参数){ 执行的语句 } 返回值return,把语句返回给函数例子: function add(x,y){ var z=x+y: return z: } ,): console.log(“+=”+rs): 动态参数 function add(){ var z=0: for(var i=0:i<arguments.length:i++){ z + = arguments[i]:} ret…

理解特性attribute 和属性property的区别及相关DOM操作总结

查一下英语单词解释,两个都可以表示属性.但attribute倾向于解释为特质,而property倾向于解释私有的.这个property的私有解释可以更方便我们下面的理解. 第一部分:区别点第一点: 特性attribute主要是面向HTML元素来理解的,所以说主要是表现在HTML文件中,写在元素开始标签内.特性在CSS中的表现常被用来作选择器属性property主要是面向DOM节点对象来理解的,作为对象的私有属性,不对外显示的.属性在CSS中表现就是{ }内的内容. <!DOCTYPE <…

Rails-Treasure chest2 嵌套表单；

嵌套表单1-1 嵌套表单1-多选日期时间的UI (一个jquery Plugin) 拆除前后台css和js Rich Editor, 显示输入的HTML tag 批次编辑/删除嵌套表单1-1 核心知识点:ActiveRecord Nested Attributes 嵌套属性的功能可以让你在关联的记录上保存属性,通过父记录.默认这个功能是关闭的. 使用类方法 #accepts_nested_attributes_for( :小写类名 ), 开启这个功能后,会增加一个属性存入方法, 如 pro…

你所不了解的javascript操作DOM的细节知识点(一)

你所不了解的javascript操作DOM的细节知识点(一) 一:Node类型 DOM1级定义了一个Node接口,该接口是由DOM中的所有节点类型实现.每个节点都有一个nodeType属性,用于表明节点的类型,节点类型在Node类型中有以下几种: Node.ELEMENT_NODE(1); 元素节点 Node.ATTRIBUTE_NODE(2); 属性节点 Node.TEXT_NODE(3); 文本节点 Node.DOCUMENT_NODE(9); 文档节点其实还有很多种,但是那些都不是很…

JavaWeb知识点总结

>一: 创建Web项目项目说明:1.java Resources:java源文件2.WebContent:网页内容html.css.js.jsp.资源.配置文件等 HTML:Hyper Text Markup Language超文本标记语言作用:标记描述网页内容语法规则:1.不区分大小写2.固定标签3.标签成对出现,单标签4.标签可以嵌套使用5.属性的值必须使用双引号 HTML中属性,一般不建议使用属性名称固定,属性的值都需要使用双引号网页中颜色:1.rgb(r,g,b)2.#xxxx3.英文…

Servlet 2.x 规范

Servlet 2.x 规范 sun 公司制订的一种基于 Java 技术的 WEB 服务器功能的组件规范.1997 年六月,Servlet 1.0 版本发行,最新版本 Servlet 4.0 处于研发状态. 所谓的 Servlet 容器,有时候也称作为 Servlet 引擎,作为 Web 服务器或应用服务器的一部分.通过请求和响应对话,提供 Web 客户端与 Servlets 交互的能力.容器管理 Servlets 实例以及它们的生命周期. 一.Servlet 组件 Servlet 容器的组件大…

【js setAttribute removeAttribute】的更多相关文章