用js操作属性的两种方法

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

qizidehaijiao

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

阅读量569

点赞数

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

本文链接：https://blog.csdn.net/qizidehaijiao/article/details/42743863

版权

前端-js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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="改变文字"οnclick="setText('value')"/>
</body>
</html>

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

qizidehaijiao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用js操作属性的两种方法

用js操作属性的两种方法function setText(name){ var oTxt=document['getElementById']('txt2');//等价于var oTxt = document.getElementById("txt1"); //第一种操作属性的方法 //oTxt.value='dsfasdfasdf'; //第二种操作属性的方法 //
复制链接

扫一扫

专栏目录