JS代码设置节点的属性

最新推荐文章于 2023-03-08 22:43:05 发布

我为杰伦代言

最新推荐文章于 2023-03-08 22:43:05 发布

阅读量542

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_52385232/article/details/126694806

版权

JavaScript 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

这段代码示例展示了如何使用JavaScript的`window.onload`和`onclick`事件处理函数，以及`getElementById`方法来获取HTML元素，并设置其属性。当用户点击按钮时，文本框的类型被更改为复选框，演示了对HTML节点属性动态操作的基本方法。

摘要由CSDN通过智能技术生成

JS代码设置节点的属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JS代码设置节点的属性</title>
	</head>
	<body>
		
		<script type="text/javascript">
			window.onload = function(){
				document.getElementById("btn").onclick = function(){
					var mytext = document.getElementById("mytext");
					// 一个节点对象中只要有的属性都可以"."
					mytext.type = "checkbox";
				}
			}
		</script>
		
		<input type="text" id="mytext"/>
		
		<input type="button" value="将文本框修改为复选框" id="btn"/>
		
	</body>
</html>