Dom

几种获取方式:

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('样式名') //删除样式名
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容