css选择器 选择标签 改变样式

原创 2019-01-24 14:35:28 263
摘要:<!DOCTYPE html> <html> <head> <title>dom_demo7zuoye</title> </head> <body> <p>text01</p> <p>text02</p> <p id="tt
<!DOCTYPE html>
<html>
<head>
	<title>dom_demo7zuoye</title>
</head>
<body>
	<p>text01</p>
	<p>text02</p>
	<p id="tt">text03</p>
	<p>text4</p>
	<p>text5</p>				
	<input type="button" value="test1" onclick="doit()">
<body>
<script type="text/javascript">
	//var vt1;

    //
	function doit()
	{
		var vt2,vt3,vt4;
		var  vt1 = document.querySelectorAll("p");
		console.log(vt1);
		vt1[0].style.backgroundColor="red";
		console.log(vt1.item(1));
        vt1.item(1).style.color="blue";

        vt2 = document.querySelector("#tt");
        console.log(vt2);
        vt2.style.fontSize = "30px";
       // vt2 = 
		//alert("hello");
	}
</script>
</html>

css选择器 选择标签 改变样式

批改老师:灭绝师太批改时间:2019-01-24 14:54:22
老师总结:完成的不错,作业可以尝试案例哦,用到实际中去

发布手记

热门词条