Question

谁能帮我详细解释一下下面这段JS代码呀

function doProcess() {
var o = document.getElementById("one"), ddl = document.getElementById("termType");
//兼容FF
var className = typeof (o.getAttribute("className")) == "string" ? "className" : "class";//特别是这段的className和class分别是什么意思
if (ddl.options[ddl.selectedIndex].value == "1") {
o.setAttribute(className, "hidden");
} else {
o.setAttribute(className, "show");
}
}
<div> <select name="termType" size="1" id="termType" style="width:150px" onchange="doProcess()">
<option value="1">我要隐藏</option>
<option value="2">我要显示</option>
</select>
<div>
<div id="one">呵呵，嘿嘿，呜呜</div>

Answer 1

var className = typeof (o.getAttribute("className")) == "string" ? "className" : "class";//特别是这段的className和class分别是什么意思

其实你就是想问这句是什么意思对不？
原因是 ie 还有chrome可以识别“classname"属性，而mozilla的firefox不认识classname 属性
firefox 只认识class 属性
意思就是说浏览器识别classname 就用classname ,不认识就用class!

Answer 2

var o = document.getElementById("one"), ddl = document.getElementById("termType");//根据ID获得对象
var className = typeof (o.getAttribute("className")) == "string" ? "className" : "class";
//用三元运算符判断类型，并为其赋值
if (ddl.options[ddl.selectedIndex].value == "1") { o.setAttribute(className, "hidden"); } else { o.setAttribute(className, "show"); }
//判断被选择的value值是否为1，若是隐藏，否则相反。

Answer 3

var className = typeof (o.getAttribute("className")) == "string" ? "className": "class";// 特别是这段的className和class分别是什么意思 //三元运算的用法，可以将这段代码理解为 var className = typeof (o.getAttribute("className")); if(className == "string"){ className = "className" }else{ className = "class" }
//然后通过下面的代码判断在什么浏览器时用什么
setAttribute设置属性

原因是 ie 还有chrome可以识别“classname"属性，而mozilla的firefox不认识classname 属性firefox 只认识class 属性意思就是说浏览器识别classname 就用classname ,不认识就用class