对属性特性操作的三个主要方法(创建,设置,删除)

每个元素都有一个或多个特性,这些特性给相应元素或内容附加信息。操作特性的DOM的方法主要有三种

分别是getAttribute()、setAttribute()、removeAttribute().

getAttribute()方法主要用于获取属性值

任何元素的所有属性,也都可以通过getAttirbute方法来获取器属性值。

例如:

在HTML中:<div id="mydiv" class="class" mychakk="mychakk" title="mytitle"></div>

js代码:var div =  document.getelementbyid(‘mydiv");

alert(div.getAttribute("class"));           //class

alert(div.getAttribute("mychakk"));              //mychakk

alert(div.getAttribute("title"));               //mytitle

同样,任何属性也可以通过DOM元素本身的属性来访问自己的属性,但它只能访问公认的属性。

例如:

在HTML中:<div id="mydiv" align="left" mychakk="mychakk"></div>

js代码:   alert(div.id);       //mydiv

alert(div.align);         //left

alert(div.mychakk);           //undefined

setAttribute方法用于设置元素的特性

这个方法接受2个参数:要设置的特性名和值。

如果特性已经存在,该特性会被特换;如果不存在,该特性会被创建。

例如:

在HTML中:       <div id="myid" ></div>

js代码:     var  div = getelementbyid("mydiv");

div.setAttribute("id","someOtherid");

div.setAttribute("title","Some other text");

div.setAttribute("lang","fr");

同样也可以像下面那样添加属性,其效果一样。

div.id="someOtherid"

div.align="left"

removeAttribute方法用于删除元素的特性。

调用这个方法可以清除特性的值,而且还可以从元素中彻底删除该特性。

例如:

div.removeAttribute("class");

时间: 2024-11-04 19:59:03

对属性特性操作的三个主要方法(创建,设置,删除)的相关文章

JS面向对象篇一、理解对象及属性特性(属性描述符)

本文内容 1.理解对象; 2.ECMAScript有两种属性类型:数据属性和访问器属性(getter和setter函数); 3.数据属性的属性特性:[[Configurable]].[[Enumerable]].[[Writable]].[[value]]; 4.访问器属性的属性特性:[[Configurable]].[[Enumerable]].[[get]].[[set]]; 5.Object.defineProperty().Object.defineProperties().Object

JavaScript对象属性赋值操作的逻辑

对象进行属性赋值操作时,其执行逻辑如下所示: 1. 当前对象中是否有该属性?有,进行赋值操作:没有,进行下一步判断. 2. 对象的原型链中是否有该属性?没有,在当前对象上创建该属性,并赋值:有,进行下一步判断. 3. 原型链中该属性是否允许操作?是,在当前对象上创建同名属性,并赋值:否,属性赋值失败. 无论是属性赋值还是新建属性,都是在当前对象上进行的,不会修改原型链!第三种情况下,新建的属性将会覆盖对象从原型链继承来的同名属性.

jQuery特性操作

前面的话 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.操作特性的DOM方法主要有3个:getAttribute()方法.setAttribute()方法和removeAttribute()方法,而在jQuery中用一个attr()与removeAttr()就可以全部搞定了,包括兼容问题.本文将介绍jQuery中的特性操作 获取特性 jQuery中用attr()方法来获取和设置特性,attr是attribute(特性)的缩写,在jQuery DOM操作中会经常

继承(指类之间共享属性和操作的机制)

继承(指类之间共享属性和操作的机制) 虚基类继承时要添加关键字virtual,以避免二义性. { 自己理解: 公有:基类的公有和保护成员作为派生类的公有和保护成员,在派生类类体内可以对基类进行公有和保护操作,基类私有不可访问.在main()函数内,派生类对象可以访问基类成员.虽然基类的私有成员不被派生类访问,但派生类还是包含了基类的私有数据成员. 保护:基类的公有和保护成员作为派生类的保护成员,在派生类类体内可以对基类进行保护操作,基类私有不可访问.在main()函数内,派生类对象不可访问基类任

OutputCache属性详解(三)— VaryByHeader,VaryByCustom

目录 OutputCache概念学习 OutputCache属性详解(一) OutputCache属性详解(二) OutputCache属性详解(三) VaryByHeader :分号分隔的 HTTP 标头列表,用于使输出缓存发生变化.将该特性设为多标头时,对于每个指定标头组合,输出缓存都包含一个不同版本的请求文档. 注意:设置 VaryByHeader 特性将启用在所有 HTTP 1.1 版缓存中缓存项,而不仅仅在 ASP.NET 缓存中进行缓存.用户控件中的 @ OutputCache 指令

深入学习jQuery特性操作

× 目录 [1]获取特性 [2]设置特性 [3]删除特性 前面的话 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.操作特性的DOM方法主要有3个:getAttribute()方法.setAttribute()方法和removeAttribute()方法,而在jQuery中用一个attr()与removeAttr()就可以全部搞定了,包括兼容问题.本文将介绍jQuery中的特性操作 获取特性 jQuery中用attr()方法来获取和设置特性,attr是attri

JavaScript中的对象描述符(属性特性)

我们先创建一个对象: var person = { name: "Nicholas", _job: "Software Engineer", sayName: function(){ alert(this.name); }, get job(){ return this._job; }, set job(newJob){ this._job=newJob; } } 在这个对象中,我们定义了一个name属性和一个_job属性:至于以set和get开头的两处代码,他们共

jQuery事件机制,动画效果,工具和其他操作(三)

jQuery事件机制 1 事件操作 1.1 页面载入事件 $(document).ready(function(){ // 在这里写你的代码... }); 或者 $(function($) { // 你可以在这里继续使用$作为别名... }); 1.2 事件绑定 on(eve,[sel],[data],fn) 1.7+ 在选择元素上绑定一个或多个事件的事件处理函数 bind(type,[data],fn) 3.0- 请使用on() one(type,[data],fn) 为每一个匹配元素的特定事

JavaScript之属性读写操作

属性 分为属性名 和 属性值 在标签中设置属性 方法="属性值" 在css中设置属性 方法:属性名:属性值 操作 读操作 获取 查找 格式:元素.属性名 例:变量名.style.属性名 写操作 添加 替换 修改 格式:元素.属性名=新要设置的值 例:变量名.style.属性名='属性值' 一.属性读操作 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset