设置标签属性的练习

最新推荐文章于 2024-10-18 12:27:51 发布

大老虎Picky

最新推荐文章于 2024-10-18 12:27:51 发布

阅读量253

点赞数

分类专栏： web前端文章标签： html 属性 js

本文链接：https://blog.youkuaiyun.com/qq_21359983/article/details/80717125

版权

web前端专栏收录该内容

9 篇文章

订阅专栏

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="切换图片" οnclick="doit()"/>
<hr/>
<input type="button" value="全选" οnclick="bothcheck()"/>
<input type="button" value="全不选" οnclick="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>