如何能给所有的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>
运行效果:
向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);\/\/在得到的第一...