css,怎么获取class相同,当前选中元素的value值,如下面的代码,我点击那个就alert出来当前选中value值

html-css017

css,怎么获取class相同,当前选中元素的value值,如下面的代码,我点击那个就alert出来当前选中value值,第1张

借用jq的$(this)获取点击对象,如:

$(".foo").click(function(){

    var a = $(this).attr("value")

    alert(a)

})

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script>

 //完成如下css函数。当传参数为2个时,返回obj对象的name样式值;传参为3个时,把obj的name样式设置为value。

function css(obj, name, value)

{

 if(typeof(value)=="undefined"){     //判断value是否有值

  return obj.style[name]         //返回obj对象的name样式值

 }else{

  obj.style[name]=value          //把obj的name样式设置为value

 }

}

window.onload=function ()

{

 var oDiv=document.getElementById('div1')

 alert(css(oDiv, 'width'))

 css(oDiv, 'background', 'green')

}

</script>

</head>

<body>

<div id="div1" style="width:200px height:200px background:red">

</div>

</body>

</html>

主要问题是怎么判断是2个参数还是3个参数,那么只需判断value是否有传值进来就行

typeof(value)=="undefined"为真就表示没有传值进来

以上代码和说明希望对您有帮助