欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

设置标签属性的练习

程序员文章站 2022-04-27 23:45:57
...

InnerHTML

src

checked

<!DOCTYPE html>
<html>
<head>
	<title>设置标签对象属性</title>
</head>
<body>
<span id="myspan"></span><hr/>
<img src="kky.jpg" width=300px height=300px /><input type="button" value="切换图片" onclick="doit()"/>
<hr/>
<input type="button" value="全选" onclick="bothcheck()"/>
<input type="button" value="全不选" onclick="nobothcheck()"/>
<input type="checkbox" name="habit" value="篮球"/>篮球
<input type="checkbox" name="habit"  value="足球"/>足球
</body>
	<script type="text/javascript">
		var spantext=document.getElementById("myspan");
		spantext.innerText="<h1>内容</h1>";
		//spantext.innerHTML="<h1>内容</h1>";
		function doit(){
			var imchange=document.getElementsByTagName("img")[0];
			imchange.src="you.jpg";
		}
		function bothcheck(){
			var bothcheck=document.getElementsByName("habit");
			for(var i=0;i<bothcheck.length;i++){
			bothcheck[i].checked=true;
			}
		}
		function nobothcheck(){
			var nobothcheck=document.getElementsByName("habit");
			for(var i=0;i<nobothcheck.length;i++){
			nobothcheck[i].checked=false;
			}
		}
	</script> 
</html>

相关标签: html 属性 js

上一篇: 稀疏数组--初学时记

下一篇: d6