zoukankan      html  css  js  c++  java
  • 原生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" 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;
    }

    效果如下

  • 相关阅读:
    javascript游戏引擎
    BI 可视化
    nodeJS 相关开源项目
    bean validation 技术规范
    JForum 源码分析
    lemon OA 我长时间经历的第一个开源项目
    Rete算法
    摘自知乎--mysql
    copy and paste ,做到这样也很牛逼了
    servlet 3.0特性说明
  • 原文地址:https://www.cnblogs.com/wangduojing/p/9811814.html
Copyright © 2011-2022 走看看