初学菜鸟提问

document.getElementsByClassName('number1')[0].value;
查找 类的 加上[0] 来访问 第一个 class名为 number1 标签的也是一样~

// 判断浏览器支不支持这个方法。。。
var bObj = document.getElementsByClassName ? true : false;
alert(bObj); // 你测试一下…

ie8不支持getElementsByClassName方法，可以使用兼容方法：
function con_getElementsByClassName(className, root, tagName) {//root：父节点，tagName：该节点的标签类型。 这两个参数均可有可无
if (root) {
root = typeof root == "string" ? document.getElementById(root) : root;
} else {
root = document.body;
}
tagName = tagName || "*";
if (document.getElementsByClassName) { //如果浏览器支持getElementsByClassName，就直接的用
return root.getElementsByClassName(className);
} else {
var tag = root.getElementsByTagName(tagName); //获取指定元素
var tagAll = []; //用于存储符合条件的元素
for (var i = 0; i < tag.length; i++)
{//遍历获得的元素
for (var j = 0, n = tag[i].className.split(' ') ; j < n.length; j++)
{ //遍历此元素中所有class的值，如果包含指定的类名，就赋值给tagnameAll
if (n[j] == className) {
tagAll.push(tag[i]);
break;
}
}
}
return tagAll;
}
}

或者改用document.getElementsByTagName("input")[1]，ie8支持这个

<input type="text" class="number1" value="1" />
<input type="button" value="+" />
<input type="text" class="number2" value="2" />
<input type="button" onclick="fnSum()" value="=" />
<input type="text" class="num" value="" />
<script type="text/javascript">
function fnSum(){
var i,oNum,oNum1,oNum2,sMethod;
if (document.getElementsByClassName){
oNum1 = document.getElementsByClassName('number1')[0].value;
oNum2 = document.getElementsByClassName('number2')[0].value;
oNum = document.getElementsByClassName('num')[0];
sMethod = 'document.getElementsByClassName方法';
}
else if (document.querySelector){
oNum1 = document.querySelector('.number1').value;
oNum2 = document.querySelector('.oNumber2').value;
oNum = document.querySelector('.num');
sMethod = 'document.querySelector方法';
}
else{
alert('你的浏览器不支持该两个方法!!!');
return;
}
i = parseInt(oNum1,10) + parseInt(oNum2,10);
oNum.value = i;
alert('用的是: ' + sMethod);
}
</script>

你的函數寫錯了!!!謝謝