22.5 JS DOM操作属性

最新推荐文章于 2022-10-21 13:33:39 发布

快乐的小毛毛虫

最新推荐文章于 2022-10-21 13:33:39 发布

阅读量50

点赞数

分类专栏：前端文章标签： html html5 javascript

本文链接：https://blog.csdn.net/qq_45689826/article/details/120017874

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function demo1(){
				//获得id名称是inpl对象节点
				var inpl = document.getElementById("inpl");
				//获得节点对象的属性
				var ty = inpl.type;
				var va =  inpl.value;
				var na = inpl.name;
				
				alert(ty+"---"+va+"----"+na);
				
				//操作元素的属性  就是修改他的属性
				inpl.type = "button";
				inpl.value = "测试改变";
				
				//获得元素的属性
				var ty1 = inpl.getAttribute("type");
				//获得属性的修改值
				var va2 = inpl.getAttribute("value");
				alert(va2s);
			}
		</script>
	</head>
	<body>
		<input type="button" value = "点击" onclick="demo1()"/>
		<input type="text" id ="inpl" value="张三" name ="unname"/>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

快乐的小毛毛虫

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
22.5 JS DOM操作属性

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> function demo1(){ //获得id名称是inpl对象节点 var inpl = document.getElementById("inpl"); //获得节点对象的属性 var ty = inpl.typ.
复制链接

扫一扫