您的位置：首页 > Web前端 > JavaScript

JS操纵属性的两种方法

2016-12-26 21:56 148 查看

<!DOCTYPE html>

<head>

<meta charset= "UTF-8" >

<title>操纵属性的两种方法</title>

<style>



</style>

</head>

<body>

<input type="text" id="txt1" />

<input type="button" id="btn1" value="第一种方法" onclick="set1()">

<br/>

<input type="text" id="txt2" />

<input type="button" id="btn2" value="第二种方法" onclick="set2('value')">

<script>

function set1(){

var oTxt = document.getElementById("txt1");



//第一种操作属性的方法

oTxt.value = "aaa";

}

function set2(attrName){

var oTxt = document.getElementById("txt2");


//第二种操作属性的方法:用[]代替点，再通过传递参数的方法操纵属性。

oTxt[attrName] = "ddd";

}

</script>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航