(3)JavaScript DOM读写属性节点

最新推荐文章于 2022-05-23 09:59:50 发布

有个机车梦

最新推荐文章于 2022-05-23 09:59:50 发布

阅读量219

点赞数

分类专栏： JavaScript DOM

本文链接：https://blog.csdn.net/Yuz_99/article/details/84369374

版权

JavaScript DOM 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

获取属性节点：

可以通过元素节点.属性名这样的方式来获取和设置属性节点的值
通过元素节点的getAttributeNode 方法来获取属性节点
然后在通过nodeValue来读写属性值

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
	  //读写属性节点:通过元素节点 . 的方式来获取属性值和设置属性值
	  window.onload = function()
	  {
		 //属性节点即为某一指定的元素节点的属性
		 //1.	先获取指定的那个元素节点
		 var nameNode = document.getElementById("name");
		 
		 //2. 再读取指定属性的值 
		 //@@@@显示11111
		  alert(nameNode.value);
		 //3. 设置指定的属性的值	  
		 nameNode.value = "22222";
	  }
	</script>
</head>
<body>
	<p>你喜欢哪个城市？</p>
	<ul id = "city">
		<li id="bj" name="beijing">北京</li>
	   <li>上海</li>
	   <li>东京</li>
	   <li>首尔</li>
	</ul>
	
	<br><br>
	<p>你喜欢哪款单机游戏？</p>
	<ul id = "game">
	   <li id="rl">红警</li>
	   <li>实况</li>
	   <li>极品飞车</li>
	   <li>魔兽</li>
	</ul>
	<br><br>
	
	gender:
		<input type="radio" name="gender" value="male"/>Male
		<input type="radio" name="gender" value="female"/>Female
		
	name: <input type="text" name="username" id="name" value="11111"/>
</body>
</html>