JS操作属性和样式

JS操作属性:
aaa.getAttribute("属性名"); - 取出aaa这个DOM对象的属性名中的属性值
aaa.removeAttribute("属性名"); -移除该属性
aaa.setAttribute("属性名","值"); --添加/修改此属性

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

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

倒计时:

操作样式:
变量名.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];第一个子元素/最后一个元素/找第几个元素;

时间: 2024-08-02 11:02:25

JS操作属性和样式的相关文章

JS操作属性、样式

JS操作属性:aaa.getAttribute("属性名"); - 取出aaa这个dom对象的属性名中的属性值 aaa.removeAttribute("属性名"); -移除该属性 aaa.setAttribute("属性名","值"); --添加/修改此属性 window.setTimeout("b()", 3000); --等待3秒,执行b这个方法,执行一遍window.setInterval('aaa

js 操作属性

操作属性: 对象.setAttribute('属性名','值'); - 添加属性 对象.getAttribute('属性名'); - 获取属性值,如无此属性,那么返回null 对象.removeAttribute('属性名'); - 移除属性 定时器: window.setTimeout(function(){},间隔时间毫秒); - 定时炸弹,延迟执行,只执行一次 window.setInterval(function(){},间隔的时间毫秒); - 无限循环,每一次循环有间隔时间,一般不要小

JS——操作属性

操作属性: 对象.setAttribute('属性名','值'); - 添加属性对象.getAttribute('属性名'); - 获取属性值,如无此属性,那么返回null <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; cha

jQuery操作属性和样式详解

我们可以使用 javascript 中的getAttribute和setAttribute来操作元素的"元素属性".在 jQuery 中给你提供了attr()包装集函数, 能够同时操作包装集中所有元素的属性: 虽然我们可以使用removeAttr(name)删除元素属性,但是对应的 DOM 属性是不会被删除的, 只会影响 DOM 属性的值.比如将一个input元素的readonly元素属性去掉,会导致对应的 DOM 属性变成false(即input变成可编辑状态). ?修改 CSS 类

js操作元素的样式

1.元素.style.属性='属性值' var div=document.getElementById('box') div.style.width='300px'; div.style.height='300px'; div.style.backgroundColor='red'; //css中有-的属性,在js中要改成驼峰命名法 2.div.style.属性     获取元素的样式 var div=document.getElementById('box') console.log(div.

js操作属性

<p>中华民国成立于哪一年</p> <p> <label for="textfield"></label> <input type="text" name="textfield" daan="1912" id="textfield" /> <input type="submit" name="butt

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

操作属性和类 一.属性节点操作 文本节点内容的获取和修改: 语法:elementNode.attributeName ( 元素节点.属性名)     也可以使用“[ ]” ( 元素节点[属性名]) 注意:一般我们操作属性节点时是不需要获取属性节点的,而是直接通过元素节点获取(/修改)属性节点的值.      特别的,有些属性名称与js关键字或者保留字冲突了,只能用另外的名字: class属性:要写成className(class是关键字). label标签的for属性:写成htmlFor. 通过

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

DOM操作要先获取元素或标签等节点: document.getElementById('id'); 对表单如input进行操作: 获取值var users=document.getElementById('user').value; 赋值users=document.getElementById('user').value='abcdefg' 非表单使用innerHTML替换value: innerHTML:返回的是标签内的html内容,包含html标签 var dicy.innerHTML="

js操作元素样式

样式表有外部样式表.内部样式表.行内样式. js改变css样式也是有三种.针对于外部样式表如果不采用后台技术,只是单纯的用js是不能实现的.所以下面只讨论两个方法. 一.js改变内部样式 其操作方法和一般标签一样,给style标签加一个类名或id,然后js中获取该元素,向里面添加内容即可改变样式. 示例: 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UT