原生js获取元素的子元素

2018/10/18 17:31
阅读数 111
//使用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" onclick="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"));//获取name
    return false;
}

 

效果如下

 

 

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部
返回顶部
顶部