- 4
- 0
- 约1.1万字
- 约 13页
- 2016-12-03 发布于江苏
- 举报
Attribute是属性的意思 文章仅对部分兼容IE和FF的Attribute相关的介绍。
attributes:获取一个属性作为对象
getAttribute:获取某一个属性的值
setAttribute:建立一个属性,并同时给属性捆绑一个值
createAttribute:仅建立一个属性
removeAttribute:删除一个属性
getAttributeNode:获取一个节点作为对象
setAttributeNode:建立一个节点
removeAttributeNode:删除一个节点
attributes可以获取一个对象中的一个属性,并且作为对象来调用,注意在这里要使用“[]”,IE在这里可以使用“()”,考虑到兼容性的问题,要使用“[]”。关于attributes属性的使用方式上,IE和FF有巨大的分歧,在此不多介绍。
attributes的使用方法:(IE和FF通用)
Html代码
1.body
2.div id = tinput type = hidden id = sss value = aaa/div
3./body
Js代码
1.script
2.var d = document.getElementById(sss).attributes[value];
3.document.write(d.name);
4.document.write(d.value);
5.//显示value aaa
6./script
getAttribute,setAttribute,createAttribute,removeAttribute四兄弟的概念比较容易理解,使用方法也比较简单,唯一需要注意这几点:
1、createAttribute在使用的时候不需要基于对象的,document.createAttribute()就可以。
2、setAttribute,createAttribute在使用的时候如果是使用的时候不要使用name,type,value等单词,IE都FF的反应都奇怪的难以理解。
3、createAttribute在使用的时候如果只定义了名字,没有d.nodeValue = hello;语句定义值,FF会认为是一个空字符串,IE认为是undefined,注意到这点就可以了。
getAttribute的使用方法:
Html代码
1.body
2.div id = tinput type = hidden id = sss value = aaa/div
3./body
Js代码
1. script
2.var d = document.getElementById(sss).getAttribute(value);
3.document.write(d);
4.//显示 aaa
5./script
setAttribute的使用方法:(你会发现多了一个名为good的属性hello)
Html代码
1.body
2.div id = tinput type = hidden id = sss value = aaa/div
3./body
Js代码
1.script
2.var d = document.getElementById(sss).setAttribute(good,hello);
3.alert(document.getElementById(t).innerHTML)
4./script
createAttribute的使用方法:(多了一个名为good的空属性)
Html代码
1.body
2.div id = tinput type = hidden id = sss value = aaa/div
3./body
Js代码
1.script
2.var d = document.createAttribute(good);
3.document.getElementById(sss).setAttributeNode(d);
4.alert(document.getElementById(t).innerHTML)
5./script
removeAttribute的使用方法:(少了一个)
Html代码
1.body
2.div id = tinput type = hidden id = sss value = aaa/div
3./body
Js代码
1.scri
您可能关注的文档
最近下载
- 一个(2+1)维孤子方程的Bácklund变换及N-孤子解.pdf VIP
- 2025年高考九大学科《中国高考评价体系》命题纲要学科解读(超全).pdf VIP
- 2024苏教版二年级数学上册《生活中的方向》单元测试提优卷(含解析).pdf VIP
- OBD故障代码.pdf VIP
- 2025高考九大学科《中国高考评价体系》命题纲要学科解读.docx VIP
- 苏教版(2024)数学二年级上册 ☆生活中的方向 单元测试基础卷(含解析).docx VIP
- 江苏省南京市2021年中考数学试卷真题(word版,含答案与解析).doc VIP
- 经典话剧剧本《我爱桃花》.doc VIP
- 民政部养老机构突发事件应急预案.docx VIP
- 2022年高考九大学科考查重点、命题原则、命题趋势与导向.pdf VIP
原创力文档

文档评论(0)