JS操作属性样式

Posted 斐雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS操作属性样式相关的知识,希望对你有一定的参考价值。

JS操作属性:
aaa.getAttribute("属性名"); - 取出aaa这个dom对象的属性名中的属性值

aaa.removeAttribute("属性名"); -移除该属性

aaa.setAttribute("属性名","值"); --添加/修改此属性

window.setTimeout("b()", 3000); --等待3秒,执行b这个方法,执行一遍
window.setInterval(‘aaa()‘, 1000); --每隔1秒都执行aaa这个方法,循环执行

clearInterval(time); --清除定时器

window.clearInterval(延迟的id) --清除setTimeout

操作样式:
变量名.style.样式名="";


相关元素操作:
var a = document.getElementById("id"); 找到a;

var b = a.nextSibling; 找到a的下一个同级元素,包含空格;

var b = a.previousSibling; 找到a的上一个同级元素,包含空格;

var b = a.parentNobe;找到a的父级元素;

var b = a.childNobes;找到a的下一级子级元素,找到的是数组;

var b = a.firstChild 第一个子元素,lastChild 最后一个元素,childNodes[n] 找第几个元素;

以上是关于JS操作属性样式的主要内容,如果未能解决你的问题,请参考以下文章

JS DOM基础 操作属性类CSS样式

JS-DOM样式操作

JS操作标签的值属性样式。

js操作属性

js中巧用cssText属性批量操作样式

JS属性的操作需要注意哪些事项?