用js操作属性的两种方法

最新推荐文章于 2022-05-16 21:51:27 发布

qizidehaijiao

最新推荐文章于 2022-05-16 21:51:27 发布

阅读量610

点赞数

CC 4.0 BY-SA版权

分类专栏：前端-js 文章标签： js

本文链接：https://blog.youkuaiyun.com/qizidehaijiao/article/details/42743863

前端-js 专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<title>用js操作属性的两种方法</title>
<style>
</style>
<script>

function setText(name)
{
	var oTxt=document['getElementById']('txt2');//等价于var oTxt = document.getElementById("txt1");
	
	//第一种操作属性的方法
	//oTxt.value='dsfasdfasdf';
	
	//第二种操作属性的方法
	//oTxt[name]='dsfasdfasdf';
	oTxt[name] = 'change';
	
}
</script>
</head>

<body>
	<input id="txt1" type="text"/>
	<input id='txt2' type="button" value="改变文字"onclick="setText('value')"/>
</body>
</html>

用方括号来操作属性的一个好处是，当你不确定操作哪个属性的时候，就用方括号传参，因为方括号可以传一个变量进去。