为什么这个javascript函数提示text类型的nodeValue为undefined？

Question

我想点击按钮，改变<p>标签内的文本内容，可是总是提示：

Uncaught TypeError: Cannot read property 'nodeValue' of undefined

/////////html///////////
<input type="text" name="email" id="email" placeholder="请输入邮箱">
<button id="check-email">邮箱格式是否符合</button>
<div class="email-result">请点击查询</div>

/////////////js////////////
function isEmail(emailStr) {
    var emailResult = document.getElementsByClassName("email-result");
	console.log(typeof emailResult)            //这里输出object
	console.log(emailResult.firstChild.nodeValue)     //未定义
	emailResult.firstChild.nodeValue = "finish your implement";        //未定义
}

Answer 1

因为 var emailResult = document.getElementsByClassName("email-result");这里通过getElementsByClassName获取的是个类数组，而.firstChild.nodeValue前面需要一个单个元素；因此需要在getElementsByClassName后面加上[0]，即使你的页面上最后获取只有1个元素；即var emailResult = document.getElementsByClassName("email-result")[0];