JavaScript中关于HTML属性及其值的操作

最新推荐文章于 2025-05-30 20:11:41 发布

原创最新推荐文章于 2025-05-30 20:11:41 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript操作属性全解

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML元素的属性，包括直接访问和修改属性的方式，以及如何使用getAttribute和setAttribute方法来获取和设置属性值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其一；可直接用.获取的属性为：ID classname type name value onclick等事件

这种属性可以直接用=号赋值来改变值

其二；.attributes[123]来获用nodename/nodetype/nodevalue取改变值或者用。getAtribute（“属性”）来获取值注意注意注意注意此方法不能改变属性值。

改变属性值用setAttribute（“属性”，“取值”）

如下dome；

<body>
	<input type="text" name='shuru' id="shuru" onclick="" value="12" class="wo" min="3" readonly="readonly">
	<script type="text/javascript">
		var inputv=document.getElementById("shuru");
		function tanchu() {
			
			var a=inputv.className//可以是 type  name   id  onclick等  value 
			 var x=inputv.attributes[6].nodeName;//如readonly min
			 var b=inputv.attributes[6].nodeType;
			 var c=inputv.attributes[6].nodeValue;
			 inputv.type= 'button'
			/* alert(a);
			 alert(x);
			 alert(b);*/
		}
		tanchu();
		var x =inputv.type
		alert(x);//由此可以得出通过.可以直接获取的属性可以直接的赋值改变原始值。
		inputv.setAttribute("min","8");
		var len=inputv.attributes[6].nodeValue;
		alert(len);


	</script>