JavaScript 更改属性的指定值 ----setAttribute()方法
2017-07-15 23:28
375 查看
setAttribute()方法把指定属性设置或更改为指定值。它同样有两个值,setAttribute(name,value),第一个是属性名字,第二个是设置或更改的指定值。
<script>
function change(){
var inp=document.getElementById("btn2");
inp.setAttribute("type","text");
}
</script>
<input type="button" id="btn2" value="插入节点" onclick="change()">
在上述例子中,将type为button(按钮)的input元素改为type为文本框(text),通过getElementById获取input对象,然后操作input对象的setAttribute()方法
当然,我们也可以直接更改input的type值。
function change(){
var inp=document.getElementById("btn2");
inp.type="text";
}
获取input对象后,直接将input对象的type值改为text。这种方法也是可行的。
<script>
function change(){
var inp=document.getElementById("btn2");
inp.setAttribute("type","text");
}
</script>
<input type="button" id="btn2" value="插入节点" onclick="change()">
在上述例子中,将type为button(按钮)的input元素改为type为文本框(text),通过getElementById获取input对象,然后操作input对象的setAttribute()方法
当然,我们也可以直接更改input的type值。
function change(){
var inp=document.getElementById("btn2");
inp.type="text";
}
获取input对象后,直接将input对象的type值改为text。这种方法也是可行的。
相关文章推荐
- JavaScript获取并更改input标签name属性的方法
- JavaScript获取并更改input标签name属性的方法
- JavaScript中hasOwnProperty函数方法是返回一个布尔值,指出一个对象是否具有指定名称的属性。
- 浅析JavaScript访问对象属性和方法及区别
- javascript 类属性、类方法、类实例、实例属性、实例方法、prototype、__proto__ 测试与小结
- JavaScript根据指定路径查找对象属性值
- Javascript String类的属性及方法
- js JavaScript 节点操作 DOMDocument属性和方法
- javascript window对象属性和方法介绍
- Javascript 创建类并动态添加属性及方法
- 模拟load()方法将指定流中的属性列表加载到properties中
- JavaScript内置对象属性及方法
- JavaScript中用getDate()方法返回指定日期的教程
- Javascript 找一组数字中的最大数的方法(附使用Math.max来检测浏览器支持哪个属性)
- javascript面向对象(七)原型另外的作用--扩充对象的属性和方法
- javascript的prototype给对象增加方法属性
- JavaScript中属性name与方法名不能相同
- JavaScript可以动态添加、删除对象属性与方法
- Javascript中prototype属性实现给内置对象添加新的方法
- javascript动态添加、修改、删除对象的属性与方法详解