原生js获取元素的子元素

//使用firstChild

//但是下面这种因为有空格,也算其子元素
<lable><span id="onlinePerson" name="person" onclick="changeImg(this)" ><img id="imgPerson" src="images/invote-checked.png">个人        </span>
</lable>

//所以要改成这样,去掉空格

<lable>
    <span id="onlinePerson" name="person" οnclick="changeImg(this)" ><img id="imgPerson" src="images/invote-checked.png">个人</span>
</lable>

 

以上为html, js部分如下,这个是点击切换图片的例子

var isClick = false;
function changeImg(obj) {invoteOnline.getElementsByTagName("img")[0].src = "images/invote-nochecked.png"if(isClick){imgPerson.src = "images/invote-checked.png";imgCompany.src = "images/invote-nochecked.png";isClick = false}else {imgPerson.src = "images/invote-nochecked.png";imgCompany.src = "images/invote-checked.png";isClick = true;}console.log(obj.firstChild); //查找元素的子元素,注意空格console.log(obj.getAttribute("name"));//获取namereturn false;
}

 

效果如下