JavaScript学习之HTML-demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
     今天开始了新内容的学习，日常总结。
     可以利用JavaScript来对html的元素/属性、css样式进行改变，并且可以对  
     html中的事件做出响应。  
     查找html元素  
     可以通过id来对html中的元素进行查找  
     例   
     html中有<p id="demo">hello</p>
     那么在JavaScript中可以这样查找
     <Script>
     document.getElementById("demo").innerHTML="world";  
     </script>
       
     可以通过html标签来进行查找html元素
     例
     <p>hello world</p>
	<div id="main">
	<p> hello world second</p>
	<p>hello world third</p>
	</div>
	<script>
	var x=document.getElementById("main");
	var y=x.getElementsByTagName("p");
	document.write(y[0].innerHTML);
	</script>
	可以将document.write(y[0].innerHTML);中y[0]改成y[1]/y[2]    
	尝试一下  
	  
	可以通过类名来查找html元素
	例
     html中有<p class="demo">hello</p>
     那么在JavaScript中可以这样查找
     <Script>
     document.getElementByClassName("demo").innerHTML="world";  
     </script>  
       
     可以通过以下种方式在JavaScript中向html中输出内容  
     1、document.write("内容");
     2、document.getElementById("所要改变元素id").innerHTML="内容"；
     3、window.alert("内容");会弹出警告框
     4、alert("内容");
     5、console("内容");该种方式会向控制台输出，html页面不可直接显示，  
       需要调试时可以使用该种方法。
             加油！！！！