【javascript – 如何观看DOM对象属性?】教程文章相关的互联网学习教程文章

js中巧用cssText属性批量操作样式_javascript技巧

给一个HTML元素设置css属性,如 代码如下: var head= document.getElementById("head"); head.style.width = "200px"; head.style.height = "70px"; head.style.display = "block"; 这样写太罗嗦了,为了简单些写个工具函数,如 代码如下: function setStyle(obj,css){ for(var atr in css){ obj.style[atr] = css[atr]; } } var head= document.getElementById("head"); setStyle(head,{width:"200px",height:"70px",display:"...

js中将具有数字属性名的对象转换为数组_javascript技巧

虽然不太常用,但我们的确可以给对象添加以数字为属性名的属性: 代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; 这个对象并不是数组类型,那有没有办法把它转换为数组类型呢?jQuery代码中采用了Array.prototype.slice把这种对象转换为数组,但我试了好几遍,就是不行: 代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; alert(Array.prototype.slice.call(obj)); 上面这段代码在IE下直接报错,在Firefox下虽然没有报错,输...

js实现图片预加载(js操作Image对象属性complete,事件onload异步加载图片)_javascript技巧【图】

看个例子: 代码如下: function addImg(isrc) { var Img = new Image(); Img.src = isrc; Img.onload = function () { document.body.appendChild(Img); } } // 当包含上述代码的页面打开时并不载入 “tt.jpg” ,当点击按钮时候才载入。当载入完成后触发onload事件显示到页面上。如果你是第一次加载 “tt.jpg" 这张图片的话,运行正常。点击按钮加载并显示一张图片,如果重复点击会怎么样呢? IE、Opera中,除了第一次加载 图...

JQUERY的属性选择符和自定义选择符使用方法(二)_jquery

例子:给链接中含用“wangorg"字符的链接文字加粗 css: 代码如下: .abold{ font-weight:bold; } html: 代码如下: $(document).ready(function(){ $(a[href*=wangorg]).addClass(abold); }) 属性选择也可以用组合方式: $('a[href^=http] [href*=wangorg]').addClass('abold') 自定义选择符是JQUERY添加的独有的完全不同的选择符,语法与CSS中的伪类选择符语法相同,即选择符以一个冒号(:)开头。 如:从匹配的带有wangorg类的...

JavaScript中获取未知对象属性的代码_javascript技巧【图】

这两天尝试写个AjaxToolkit:AsyncFileUpload的Demo, 它有个OnClientUploadComplete属性可以关联客户端JS, 于是可以写OnClientUploadComplete="uploadComplete", 然后定义uploadComplete方法: 代码如下: function uploadComplete(sender, e) { //Do something here... } 但是, 怎么从e获得上传文件的信息呢? 除了看AjaxControlToolkit的源代码, 还可以用JS: 代码如下: function uploadComplete(sender, e) { var ret = "Properti...

JavaScript中为元素加上name属性的方法_javascript技巧

今天遇到个小问题, 在构建 DOM 时, IE 中不能通过 element.setAttribute('name', _variable); 和 element.name = _variable; 这样的形式来为元素加上 name 属性, 无论是 IE6 还是 IE7. (IE8 是可以的, 但 IE8rc1 不行) 后来我查看了 MSDN, 得到信息如下: 代码如下: Internet Explorer 8 and later can set the NAME attribute at run time on elements dynamically created with the createElement method. To create an element ...

关于js获取radio和select的属性并控制的代码_javascript技巧【图】

实现目标:1、点击“匿名小组”,自动跳转:成员类型“私密群”、访问控制 “群成员”       2、点击“公开群”, 自动跳转:成员类型“实名小组” 首先是获得点击radio的事件,用的是jquery库,获得事件后判断是那个radio,通过判断是那个radio被checked了然后进行联动变换。其中遇到的问题有,兼容ie和firefox的事件,然后是设置select中的中options的selected属性。兼容ie和firefox用了var ie=document.all;var nn6=do...

对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)_javascript技巧

有时需要将数组转成伪数组(ArrayLike),如下 代码如下: var ary = [one,two,three]; var obj = {}; // 没有length属性 Array.prototype.push.apply(obj, ary); for(var i in obj){ alert(i + : + obj[i]); } IE8/9/Firefox/Safari/Chrome 依次弹出了obj的key及其value。即能转换成ArrayLike。 但IE6/7下则不能,没有输出任何信息表明obj仍然是个空对象。 如果给obj加个length属性,情况则不同 代码如下: var ary = [one,two,...

javascript中length属性的探索_javascript技巧

例子1: 代码如下: var obj={0:a,1:b} alert(obj.length); //undefined var arr=[a,b] alert(arr.length); // 2 从上面的例子看,类数组对象中的length属性并不和它储存的数据数量直接挂钩,无论是索引属性(0,1)还是length属性都作为对象的普通属性存在,它们之间并没有任何关系,js引擎并不会根据储存数据的数量来自动计算类数组对象的长度。 但是类数组对象的length所确实和存储的数据量没有任何关系么?例子2说明并非如此:...

IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性_javascript技巧【图】

如设置class属性 代码如下:el.setAttribute(class, abc); 在IE6/7中样式“abc”将没有起作用,虽然使用el.getAttribute('class')能取到值“abc”。 又如for属性 代码如下: 姓名: var lab = document.getElementsByTagName('label')[0]; lab.setAttribute('for', 'name'); 我们知道当lab设置了for属性,点击label将自动将对应的checkbox选中。但以上设置在IE6/7点击将不会选中checkbox。 类似的情况还发生在 cellspacing/cel...

IE6/7中getAttribute获取href/src属性(相对路径0值与其它浏览器不同_javascript技巧【图】

IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同的解决方法测试代码如下: <a href="/abc/index.html">home</a> <img src="http://files.jb51.net/upload/201108/20110828174815833.gif"> <script> var link = document.getElementsByTagName(a)[0]; var img = document.getElementsByTagName(img)[0]; alert(link.getAttribute(href)); alert(img.getAttribute(src)) </script>有元素a和img(标准文档...

jQuery中使用了document和window哪些属性和方法小结_jquery

document.activeElement获取文档当前获得焦点的元素 document.head在jQuery中使用方式如下document.head || document.getElementsByTagName( "head" )[0] ,可见并非所有浏览器支持 document.body获得当前文档的HTMLBodyElement元素 document.compatMode 获取当前文档的渲染方式。返回值:BackCompat(怪癖模式)和CSS1Compat(标准模式)。 由于IE 8多达五种渲染模式,所以判断是否是怪癖模式需要借助于IE独有的document.docum...

JS如果改变span标签的是否隐藏属性_javascript技巧

测试: test.html 代码: 代码如下: New Document js/Menu.js 代码: 代码如下: //这是用了自定义的方法hideElement()和shwoElement() function isChang(values) { if(values=="yxsh"){ hideElement("key"); showElement("yxsh"); }else{ hideElement("yxsh"); showElement("key"); } } //自定义方法hideElement() function hideElement(id){ document.getElementById(id).style.display="none"; } //自定义方法s...

js遍历对象的属性的代码_javascript技巧

如: 代码如下: Function.prototype.addMethod=function(methodName,func){ if(!this.prototype[methodName]){ this.prototype[methodName]=func;//给原型增加方法,此方法会影响到该类型的实例上 } return this.prototype;//返回原型,此类型实例可以进行链形调用 } function CustomObject(name,value){ this.name=name || CustomeObject; this.value=value || 0; this.toString=function(){ return [name:+this.name+,value:+th...

DOM和XMLHttpRequest对象的属性和方法整理_javascript技巧

标准XMLHttpRequest操作 方法描述abort()停止当前请求getAllResponseHeaders()把HTTP请求的所有响应的首部作为建/值返回getResponseHeader(“header”)返回指定首部的串值open(String “method”, String ”url, bollean [asynch], String [username], String [password])建立的服务器的调用,method参数可以是post、get或put。url参数可以是相对url或绝对url。这个方法还包括3个可选参数。send(content)像服务器发送请求set...

DOM - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部