javaScript属性方法_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
javaScript属性方法
全​部​能​用​到​的​j​a​v​a​S​c​r​i​p​t​中​的​d​o​c​u​m​e​n​t​的​属​性​的​意​思​,​还​有​方​法
阅读已结束，如果下载本文需要使用
想免费下载本文？
你可能喜欢页面导航：
→ 正文内容 js 获取属性值
js 获取和设置css3 属性值的实现方法
本篇文章介绍了，使用js 获取和设置css3 属性值的实现方法。需要的朋友参考下
&& 众多周知 CSS3 增加了很多属性，在读写的时候就没有原先那么方便了。& 如：& &div style="left:100px"&&/div&&只考虑行间样式的话，只需 div.style.left 就可获取，设置的时候也只需要 div.style.left='100px' 即可。很简单。&但是css3来了&如：& &div style="-webkit-transform: translate(20px,-20px)"&&/div&& 怎么搞？被吓住了。。。& 设置的时候很简单：& div.style.webkitTransform='translate(20px,-20px)& '&& 遵循驼峰式的写法即可。& 获取的时候：& div.style. webkitTransform& 的值为字符串 ‘translate(20px,-20px) '& 如何获取想要的X、Y值呢？搜索半天没有找到简单办法。只能字符串截取，或者正则匹配来获得了。&& 写一个正则表达式 获取想要的 20和-20 && reg=/\-?[0-9]+/g&&&& 匹配负号和数字&&& reg2=/\-?[0-9]+\.?[0-9]*/g&& 可能包含小数点的&& 然后来match搜索一下&& div.webkitTransform.match(reg)& //结果 [20,-20]&& 就会返回一个包含X值和Y值的数组了。&& 同理：&& -webkit-transform: skew(20deg,-50deg); /* skew(相对x轴倾斜,相对y轴倾斜)*/&&& -webkit-transform: matrix(1,0.4,0,1,0,0);&& 各种等等。。。
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行
12345678910html JS中如何获取某ID下的某个标签的某个属性值_百度知道
html JS中如何获取某ID下的某个标签的某个属性值
如题。比如我有：&div id=&d1& class=&d1&
&a href=&#& target=&_blank& linkId=&link_1&&&/a&
&a href=&#& target=&_blank& linkId=&link_2&&&/a&
&a href=&#& target=&_blank& linkId=&link_3&&&/a&&/div&我现在想用JS控制户点击link_1、link_2、link_3分别发生3个不同的事件，事件的代码又比较长，我该怎么获取【id】为【d1】下【a】标签里的【linkId】的属性值？
提问者采纳
首先我要吐槽一下，你的div的class少了个引号...然后可以两种方法实现，希望可以帮到你：1. JS方法：&script&window.onload=function(){&&&&var&va&=&document.getElementById(&d1&).childN&&&&for(var&i=0;i&va.i++){&&&&&&&&if(va[i].nodeName.toLocaleUpperCase()&==&&A&){&&&&&&&&alert(&JS:&&+va[i].attributes[&linkId&].nodeValue);&&&&&&&&}&&&&}};&/script&2. Jquery方法：&script&src=&jquery-1.9.1.min.js&&type=&text/javascript&&&/script&&script&$(document).ready(function(){&&&&$(&#d1&a&).each(function(){&&&&&&&&alert(&Jquery:&&+$(this).attr(&linkId&));&&&&});});&/script&
我不是想遍历它，我是想把用户点击的哪个a标签里的linkId的值赋给一个参数，然后再判断这个参数的值来决定它的事件。
那就用Jquery吧，方便些：&div&id=&d1&&class=&d1&&&&&&&a&href=&javascript:void(0);&&target=&_blank&&linkId=&link_1&&111&/a&&&&&&a&href=&javascript:void(0);&&target=&_blank&&linkId=&link_2&&222&/a&&&&&&a&href=&javascript:void(0);&&target=&_blank&&linkId=&link_3&&333&/a&&/div&&script&src=&jquery-1.9.1.min.js&&type=&text/javascript&&&/script&&script& $(document).ready(function(){
$(&#d1&a&).click(function(){
alert($(this).attr(&linkId&));&//这样就得到点击的链接的linkId参数了，然后你可以用这个值来做其它的事
}); });&/script&
提问者评价
思路懂了。
其他类似问题
为您推荐：
其他3条回答
不是很明白你具体想要什么，但是获取属性值可以用obj.getAttribute('属性名');例如下面的：&body& &div&id=&d1&&class=&d1&&&&&&&a&href=&#&&target=&_blank&&linkId=&link_1&&&/a&&&&&&a&href=&#&&target=&_blank&&linkId=&link_2&&&/a&&&&&&a&href=&#&&target=&_blank&&linkId=&link_3&&&/a&&/div&&/body&&script&type=&text/javascript&& function&getLinkObj(linkId){
var&oDiv&=&document.getElementById('d1');
var&aLinks&=&oDiv.getElementsByTagName('a');
for(var&i=0;&i&aLinks.&i++){
if(aLinks[i].getAttribute('linkId')&==&linkId){
return&aLinks[i];
alert(getLinkObj('link_3').getAttribute('linkId')); &/script&希望能够帮到你！
我不是想遍历它，我是想把用户点击的哪个a标签里的linkId的值赋给一个参数，然后再判断这个参数的值来决定它的事件。
如果用原生可以这样&body&&&&&&div&id=&d1&&class=&d1&&&&&&&a&href=&#&&target=&_blank&&linkId=&link_1&&onclick=&dosomething(this)&&&/a&&&&&&a&href=&#&&target=&_blank&&linkId=&link_2&&onclick=&dosomething(this)&&&/a&&&&&&a&href=&#&&target=&_blank&&linkId=&link_3&&onclick=&dosomething(this)&&&/a&&/div&&/body&&script&type=&text/javascript&&&&&&function&dosomething(obj){&&&&&&&&var&idName&=&obj.getAttribute('linkId');&&&&&&&&if(idName!=null){&&&&&&&&&&&&switch(idName){&&&&&&&&&&&&&&&&case&&link_1&:&&&&&&&&&&&&&&&&&&&&//dosomething&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&case&&link_2&:&&&&&&&&&&&&&&&&&&&&//dosomething&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&//.....&&&&&&&&&&&&}&&&&&&&&}&&&&}&&&&alert(getLinkObj('link_3').getAttribute('linkId'));&&/script&不过你想快的话，可以用jquery，
用jqeury:$(&#d1 a&).eq(0).attr(&linkId&);//第一个a标签$(&#d1 a&).eq(1).attr(&linkId&);//第二个a标签$(&#d1 a&).eq(2).attr(&linkId&);//第三个a标签
最快的方法，用jQuery选择器获取，你看下教程
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁Jquery attr()方法 属性赋值和属性获取
-------------
新增文件夹...
新增文件夹
(多个标签用逗号分隔)
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。
1.&&attr(&属性名&)&&& & & //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ）
2.&&attr(&属性名, 属性值&)&&&&//设置属性的值 （为所有匹配的元素设置一个属性值。）
3.&&attr(&属性名&,&函数值&)&&&&& //设置属性的函数值& （为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数计算的值作为属性值。）
4.&attr(properties)&&&&& //给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }。(这是一种在所有匹配元素中批量设置很多属性的最佳方式。&注意，如果你要设置对象的class属性，你必须使用'className'&作为属性名。或者你可以直接使用'class'或者'id'。)
示例代码：
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&jquery中attr()方法&/title&
&script src="js/jquery-1.4.2.min.js" language="javascript" type="text/javascript" &&/script&
p{color:red}
li{color:}
.lili{font-weight:color:}
#lili{font-weight:color:}
&p title="你最喜欢的水果是。"&你最喜欢的水果是？&/p&
&li title="苹果汁"&苹果&/li&
&li title="橘子汁" alt="123"&橘子&/li&
&li title="菠萝汁"&菠萝&/li&
1.attr(name)//获取属性的值
1.1使用attr(name)获取title值：
alert($("ul li:eq(1)").attr("title"));
结果：&& 显示 橘子汁
1.2使用attr(name)获取alt值：
alert($("ul li:eq(1)").attr("alt"));
2.&attr(name,value)&&&//设置属性的值
2.1使用attr(name,value)修改title值为：不吃橘子
$("ul li:eq(1)").attr("title","不吃橘子");
alert($("ul li:eq(1)").attr("title"));
显示不吃橘子
3.&attr(name,fn)& //设置属性的函数值
3.1把alt属性的值设置为title属性的值。
$("ul li:eq(1)").attr("title",function(){ return this.alt});
alert($("ul li:eq(1)").attr("title"));
4.attr(properties)& //将一个“名/值”形式的对象设置为所有匹配元素的属性
4.1获取&ul&里第2个&li&设置title和alt属性。
$("ul li:eq(1)").attr({title:"不喝橘子汁",alt:"不是123"});
alert($("ul li:eq(1)").attr("title"));
alert($("ul li:eq(1)").attr("alt"));
显示2个，不喝橘子汁&& 不是123
4.2获取&ul&里第2个&li&设置class。
$("ul li:eq(1)").attr({className:"lili"});
&li title="苹果汁"&苹果&/li&
&li class="lili" alt="123" title="橘子汁"&橘子&/li&
&li title="菠萝汁"&菠萝&/li&
4.3获取&ul&里第2个&li&设置id。
$("ul li:eq(1)").attr({id:"lili"});
&li title="苹果汁"&苹果&/li&
&li class="lili" alt="123" title="橘子汁"&橘子&/li&
&li title="菠萝汁"&菠萝&/li&
4.4获取&ul&里第2个&li&设置style。
$("ul li:eq(1)").attr({style:"color:red"});
&li title="苹果汁"&苹果&/li&
&li class="lili" alt="123" title="橘子汁" style="color:red"&橘子&/li&
&li title="菠萝汁"&菠萝&/li&
在 li中添加alt是错误的，它只能用在img、area和input元素中（包括applet元素）。对于input元素，alt属性意在用来替换提交按钮的图片。在这里为了很详细说明attr()方法，没有合适的属性，所有用了alt进行举例，只供学习参考attr()方法用法。
在此说明下alt和tite的区别。
alt：这是用以描述图形的文字，当图片无法显示时，这些文字会替代图片而被显示。当鼠标移至图片上该些文字亦会显示。
title：是鼠标放上去之后，会显示出来的文字。
那么怎么删除属性呢?
jquery中删除属性的关键词是:&removeAttr&注意A是大写的.&看看怎么用的:
同样是用法一中的html代码,&我想删掉li的title属性,&那么就这样:
$("ul li:eq(1)").removeAttr("title");
就这么简单， attr&其实就是原生js中&getAttribute&的简化实现,&而removeAttr&就是&removeAttribute&的简写了。
那么是否有跟attr()相似的属性呢？
jquery中val()与之类似，
$(this).val();获取某个元素节点的value值，相当于$(this).attr("value");
$(this).val(value);设置某个元素节点的value值，相当于$(this).attr("value",value);
相关资讯 　—　
相关文档 　—　
发布时间： 08:27:32
同类热门经验
17694次浏览
16465次浏览
66953次浏览
11362次浏览
93359次浏览
24869次浏览
OPEN-OPEN, all rights reserved.如何获取opacity属性值？
&head&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&style&
#first{
& & & & width:200
& & & & height:200
& & & & background:#F00;
& & & & opacity:0.3;
& & & & }
&/style&
&script&
window.onload = function(){
& & & & var firstdiv = document.getElementById(&first&);
& & & & firstdiv.onmouseover = function(){
& & & & & & & & var divHeight =firstdiv.style.
& & & & & & & & alert(divHeight);
& & & & };
}
&/script&
&/head&
&body&
&div id=&first&&1234
&/div&
&/body&复制代码为什么这样获取不到opacity的值？ie chrome ff 都不行，请指教……
非IE,getComputedStyle(firstdiv,null)["opacity"]
非IE,getComputedStyle(firstdiv,null)[&opacity&]
var divHeight= document.defaultView.getComputedStyle(firstdiv, null).
你这个已经是老版本的写法了。&
本帖最后由 mengda1027 于
16:52 编辑
非IE,getComputedStyle(firstdiv,null)[&opacity&]
可以这么理解么，通过el.style.方式获取时必须是在元素的内联样式设置里已经显示设置过的才可以，通过内部样式设置是无法通过el.style.获取的。getCurrentStyle(el,null)在ie里貌似也可以
爱点击互动（北京）广告有限公司薪金：面议职位：Web前端开发工程师
北京六智信息技术有限公司薪金：面议职位：网页制作/web前端工程师
北京西瓜藤网络科技有限公司薪金：面议职位：Web开发工程师}