[网页编程]-17 JavaScript Document节点对象的属性操作

prtyaa 2023-12-27 16:02:13  53391

分类专栏：资讯

直接操作元索的属性通过

元素名.属性名= '值'

通过操作元素属性的方法

元素名setAttribute或元素名.getAttribute("属性',值)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function demo1(){
				//直接获得id是inp1对象的操作节点
				var inp1 = document.getElementById("inp1");
				//方式一:常用获得节点属性
				var ty = inp1.type;
				//这里获取的是实时输入的值
				var va = inp1.value;
				
				var na = inp1.name;
				
				/* console.log(ty+"--"+va+"--"+na); */
				
				//操作元属属性
				inp1.type="button";
				inp1.value="测试改变属性";
				
				//方式二:获取元素的属性
				//如果获取value只会是默认值
				var typ1=inp1.getAttribute("type");
				alert(typ1);
				//操作元素属性
				inp1.setAttribute("type","button");
			}
		</script>
	</head>
	<body>
		<input type="text" name="超超哥哥" id="inp1" value="uname" />
		<hr >
		<input type="button" name="" id="" value="提交" onclick="demo1()"/>
	</body>
</html>

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=31533

赞同 0

评论 0 条

[网页编程]-17 JavaScript Document节点对象的属性操作

直接操作元索的属性通过

通过操作元素属性的方法

相关文章

关注我们