js 元素添加方法

如何能给所有的html元素添加一个方法.
比如有一个函数
function hide(){
if(this.filters)
this.filters[0].opacity=0;
this.style.opacity=0;
return 0;
}
如何把这个方法添加到所有的html元素上?
比如我新获得一个元素o=document.getElementById("news")
就可以直接使用o.hide();
一楼的兄弟,看清问题才回答!

1、先用document.createElement方法创建一个input元素! var newInput = document.createElement("input"); 


2、设定相关属性,如name,type等 

newInput.type=mytype;   

newInput.name="input1"; 


3、用appendChild方法,将元素追加到某个标签内容中! 

TemO.appendChild(newInput); 

<html > 

<head> 

<title>动态添加表单元素</title> 

</head> 

<script language="javascript"> 

function AddElement(mytype){ 

var mytype,TemO=document.getElementById("add"); 

var newInput = document.createElement("input");  

newInput.type=mytype;  

newInput.name="input1"; 

TemO.appendChild(newInput); 

var newline= document.createElement("br"); 

TemO.appendChild(newline); 


</script> 

<body> 

 <form action="" method="get" name="frm"> 

 <div id="add"> 

           <input type="text" name="textfield">

 

</div> 

 </form> 

 <input name="" type="button" value="新建文本框" onClick="AddElement('text')" /> 

 <input name="" type="button" value="新建复选框" onClick="AddElement('checkbox')" /> 

  <input name="" type="button" value="新建单选框" onClick="AddElement('radio')" /> 

  <input name="" type="button" value="新建文件域" onClick="AddElement('file')" /> 

  <input name="" type="button" value="新建密码框" onClick="AddElement('password')" /> 

  <input name="" type="button" value="新建提交按钮" onClick="AddElement('submit')" /> 

  <input name="" type="button" value="新建恢复按钮" onClick="AddElement('reset')" /> 

</body> 

</html>


运行效果:

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-04-13
不可以的,Jquery是用函数的属性存放对象来实现这个功能的,就是用一个函数来得到他的对象,并把对象设到函数的属性中,返回这个函数的对象,让这个函数prototype你自定义的hide()方法,在hide中取函数对象中存放你html对象的那个属性才可以本回答被提问者和网友采纳
第2个回答  2010-07-05
不要用滤镜,因为只有IE支持
推荐使用 obj.style.display="none";
据我所知,所有标签都支持

加我为满意答案吧

向js数组中添加元素的3种方法
newelement2可选。    向数组添加的第二个元素。newelementX可选。    可添加若干个元素。3、splice() 方法向\/从数组指定位置添加\/删除项目,然后返回被删除的项目。          参数           ...

js数组添加元素
js数组添加元素的方法有三个,分别是push()、unshift()、splice(),下面分别说一下各自的用法 1、push(),在数组的末尾添加新的元素,并返回数组新长度 语法:a.push( “新元素1”,“新元素2”);实例:结果:2、unshift(),在数组的开头添加新元素,数组中的元素自动后移,返回数组新长度...

js如何在元素前添加元素 如何添加新的元素
方法\/步骤 创建html页面 1)打开记事本,输入如下截图所示的html代码2)将文件保存为html结尾的文件,例如JsTest.html 运行页面1)上一步保存完成后,双击文件即可使用默认浏览器运行页面2)如果想使用指定浏览器运行,右键文件,选择【打开方式】-> 挑选任一已经安装的浏览器即可 原生JS方式,详细代码与...

js数组添加元素
最常用的是`push`方法。它可以将一个或多个元素添加到数组的末尾,并返回新数组的长度。例如:javascript let arr = [1, 2, 3]; \/\/ 定义一个数组 arr.push; \/\/ 使用push方法添加元素4 console.log; \/\/ 输出:[1, 2, 3, 4]这里,数字4被添加到了数组的末尾。此外,`push`还可以接受多...

js在元素后面添加元素?
js数组几种常见的操作方法1、Array.shift()---删除并返回第一个元素作用:从数组中删除第一个元素(即下标为0的元素),并返回该元素。注意:1)删除元素之后,数组的长度-1。2、在JsArray中的方法大致分为两类:方法改变原数组&方法生成新数组(不改变原数组)push():向原数组的最后一位添加一...

如何用js在页面中添加元素?
想要在页面动态添加元素,首先要确定在哪个元素后面添加元素,然后利用js的appendChild方法在该元素后面追加元素。1.获取父节点元素varbody=document.getElementsByTagName('body')[0]。2.然后动态创建a标签vara=document.createElement('a')。3.把创建好的a标签追加到body下面body.appendChild(a)。4.在a...

怎么用js在某个元素节点中添加元素
\/\/新建的元素节点插入id为P1节点元素的后面。 } 第二种\/\/ 自定义函数向后插入function insertAfter( newElement, targetElement){ var parent = targetElement.parentNode; if ( parent.lastChild == targetElement ) { \/\/ 如果最后的节点是目标元素,则直接添加。因为默认是最后 paren...

js怎么在标签最前面插入元素?
电脑、html编辑器、浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的标签,输入js代码:$('#a').before('789');。3、浏览器运行index.html页面,此时在div标签“123”的最前面成功插入了新的元素“789”。

js如何往数组Array中添加元素?
数组元素的添加 1.arrayObj. push([item1 [item2 [. . . [itemN ]]]);\/\/ 将一个或多个新元素添加到数组结尾,并返回数组新长度。2.arrayObj.unshift([item1 [item2 [. . . [itemN ]]]);\/\/ 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度。3.arrayObj...

js 怎么在标签对里面的最前面插入元素
js在标签最前面插入元素方法:1、var divObj=document.createElement("div")。2、\/\/divObj.setAttribute('id','topAlert')。3、divObj.innerHTML="测试js插入DOM和样式"4、var first=document.body.firstChild;\/\/得到页面的第一个元素。5、document.body.insertBefore(divObj,first);\/\/在得到的第一...

相似回答