关于手动添加属性的方法总结

在开发过程中，会常遇到一种场景，是需要点击一下动态添加一个class或者id，

最近在复习js基础，总结了3个方法：

（1）3个步骤

var arr=document.createAttribute(‘class‘);（创建class）
arr.value="demo";（赋值）
top_.setAttributeNode(arr);（在元素中添加set进去）

（2）一步到位

top_.setAttribute("id","sex");

（3）直接赋值

sec.className="one";
sec.id="two";

以上三个都可以后期动态的在html页面上添加新的属性

移除：sec.removeAttribute(‘id‘);（直接写入你要移除的属性名）

var top_=document.getElementById("top"); （用getElementById（）方法，获取元素时，声明的变量名不能与id名一样）
var top__=document.querySelector(‘#top‘);（获取元素为id时，声明的变量名不能与id名一样）

时间： 2024-11-18 12:39:07

关于手动添加属性的方法总结的相关文章

JS内置对象的原型不能重定义？只能动态添加属性或方法？

昨天马上就快下班了,坐在我对面的同事突然问我一个问题,我说“爱过”,哈哈,开个玩笑.情况是这样的,他发现JS的内置对象的原型好像不能通过字面量对象的形式进行覆盖, 只能动态的为内置对象的原型添加属性或方法,下面那个具体的例子说明: var arr=[]; Array.prototype={ push:function(){ alert("1"); } }; arr.push(); //没有任何输出有人可能会说了“你先定义的arr,后来又修改了Array.prototype,这时Arr

prototype为对象添加属性和方法

可以通过prototype来为已经定义好的的"类"添加属性和方法.这里来了解一下prototype的基础知识.prototype是"构造函数"的属性,不是实例的属性. 示例: function HiClass() { this.sayHi = function(){ alert("hi"); } } var obj = new HiClass(); alert(HiClass.prototype);//outputs [object, objec

【JavaScript】浅析JavaScript对象如何添加属性和方法

向JavaScript类中添加属性和方法,最直观的做法就是在类中定义属性和方法.JavaScript是一门弱语言,除了直接定义还可以用prototype来添加. 下面介绍从外部向JavaScript添加属性和方法的四种方法,首先定义一个类 function MyClass(){} 1,使用类名添加属性 MyClass.prototype.myname="吴兴国01"; 2,使用类名添加方法 MyClass.prototype.myfunc=function(){alert("

iOS 运行时添加属性和方法

原文链接http://blog.csdn.net/meegomeego/article/details/18356169第一种:runtime.h里的方法 BOOL class_addProperty(Class cls,constchar*name,constobjc_property_attribute_t*attributes,unsignedint attributeCount) #include <objc/runtime.h> #import <Foundation/Foun

Yii2 文本框前加图标 input 添加属性的方法

<?= $form->field($model, 'username', [ 'inputTemplate' => '<div class="input-group"><span class="input-group-addon">@</span>{input}</div>', ])?> 添加属性的方法(注意inputOptions的使用): <?= $form->field($mo

Python-动态添加属性和方法

class Person(): Country='CN' def __init__(self,nm) self.nm=nm 动态添加实例属性及实例方法: p=Person() p.age=18 #直接赋值,动态添加实例属性 def set_age(self,age) #定义带self变量的函数 self.age=age def set_nm(self,nm) #定义带self变量的函数 self.nm=nm from types import MethodType p.set_age=Metho

python3 - 动态添加属性以及方法

给实例动态添加方法,需引入types模块,用其的MethodType(要绑定的方法名,实例对象)来进行绑定:给类绑定属性和方法,可以通过实例名.方法名(属性名) = 方法名(属性值) 来进行绑定.给类添加方法,通过@classmethod:给类添加静态方法通过@staticmethod import types #定义了一个类class Person(object): num = 0 def __init__(self, name = None, age = None): self.name

python 动态给实例添加属性和方法并使用slots

from types import MethodType #创建一个空类class Person(object): __slots__ = ("name", "age", "speak") per = Person()#动态添加属性,这体现了动态语言的特点(灵活)per.name = "tom"print(per.name)#动态添加方法'''def say(self): print("my name is &quo

给category添加属性的方法

默认类别时无法添加属性的,但可以动态添加,利用runtime机制 #import static const void * externVariableKey =&externVariableKey; @implementation NSObject (Category) @dynamic variable: - (id) variable { return objc_getAssociatedObject(self, externVariableKey); } - (void)setVariab