Dom

作者: leomei91 | 来源:发表于2017-06-19 16:06 被阅读0次

    几种获取方式:

    getElementById() //根据id获取
    getElementsByName() //根据name获取
    getElementsByClassName() //根据class获取
    getElementsByTagName() //根据标签名获取
    

    操作标签:

    更改对象内容的方式就是将变量重新赋值(更改指向)。

    tags = document.getElementsByTagName('a') //会返回一个列表
    for (var i=0;i<tags.length;i++){
      tags[i].innerText='str';
    }
    

    这里需要注意的是,TagNameName都是返回一个列表。

    间接获取:

    parentElement //父节点元素
    children //所有子元素
    firstElementChild //第一个子元素
    lastElementChild //最后一个子元素
    nextElementSibling //下一个兄弟元素
    previousElementSibling //上一个兄弟元素
    

    样式操作:

    tag.className= //直接操作
    tag.classList.add('样式名') //添加指定样式
    tag.classList.remove('样式名') //删除样式名
    

    相关文章

      网友评论

        本文标题:Dom

        本文链接:https://www.haomeiwen.com/subject/pdngqxtx.html