1、JavaScript获取对象

document.getElementsByTagName("")//通过TagName来获取对象，此方式为通过HTML标签名来获取此组标签对象 
document.getElementByID('')//通过ID来获取对象，此方式通过ID名来获取某个对象
document.getElementsByClassName('')//通过class名来获取一组对象

2、JavaScript中字符串的各种应用

document.write(a.charAt(0)）;//输出字符串a中的第0个元素
 
 
document.write(a.charCodeAt(0)）;//将字符串a中的下标为0的元素变成字符编码
 
 
document.write(string.fromCharCode(20170));//将第20170个字符编码转换为汉字
 
 
document.write(a.indexOf("?")）//找出字符串a中？是第几个字符
 
 
document.write(a.lastIndexOf("?")）//（从后往前找）找出字符串a中？是第几个字符
 
 
document.write(b.substring(7));//此处的7代表截取几个字符 document.write(b.substring(0,20));//如果该方法有2个参数，则代表从第一个参数位置开始，截取到第二个参数的位置 document.write(b.substring(-15,20));//如果第一个参数是负数，那么就会自动转化为0，也就是从第一个字符开始 document.write(b.substring(15,-20));//如果第二个参数为负数，那么就会自动与第一个参数交换位置，并且转化为0 
  
 
 
document.write(b.substr(0,4);//表示从第一个参数位置开始截取（第二个参数）个字符
 
 
document.write(c.slice(0));//一个参数表示从字符串的第几位开始截取
 
 
document.write(c.slice(0,20));//如果该方法有2个参数，则代表从第一个参数开始，截取到第二个参数的位置
 
 
document.write(c.slice(-10));//参数为负，表示从字符串末尾开始截取多少位


ex:用字符串的应用实现查找和替换文章中的部分字符 


1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4. <title>查找替换</title>  
5. <meta   charset=utf-8>  
6. <style>  
7.  *{margin: 0;padding: 0;}   
8.  body{font-family:"微软雅黑";}  
9.  button{width:80px;height:40px;font-size:20px;}  
10.  .active{background: orange;color:#fff;font-weight:bold;}  
11. #container{width:600px;overflow:hidden;border:15px solid #000;font-size:20px;margin:0 auto;background:#999;}  
12. #container span{display:block;padding:20px;}  
13. #container #box{width:400px;margin-left:20px;margin-top:-30px;margin-bottom:10px;}  
14. </style>  
15. <script>  
16. window.onload=function(){      
17. obtn=document.getElementsByTagName("button");  
18. op=document.getElementsByTagName("p");  
19. oinput=document.getElementsByTagName("input");  
20. ospan=document.getElementsByTagName("span");  
21. .style.display="none";  
22. .onclick=function(){  
23. i=0;i<obtn.length;i++)  
24. .className="";}  
25. this.className="active";  
26. .style.display="none";  
27. .style.display="block";  
28.         }          
29. .onclick=function(){  
30. i=0;i<obtn.length;i++)  
31. .className="";}  
32. this.className="active";  
33. .style.display="none";  
34. .style.display="block";  
35.         }  
36. .onclick=function(){  
37. .value==""){//简单的验证  
38.             alert("请输入内容")    
39.           }  
40. str=oinput[0].value;  
41.                   //alert(str);  
42. ospan=document.getElementsByTagName("span")[0];  
43. oospan=ospan.innerHTML;  
44.                    if(oospan.indexOf(str)!=-1){  
45. newinnerHTML=oospan.split(str);  
46.                   //alert(newinnerHTML);  
47. <mark>"+str+"</mark>"));  
48. ospan.innerHTML=newinnerHTML.join("<mark>"+str+"</mark>");  
49.                 }  
50.           }  
51. .onclick=function(){  
52. .value==""||oinput[3].value==""){//简单的验证  
53.             alert("请输入内容")    
54.           }  
55. str2=oinput[2].value;str3=oinput[3].value;  
56. ospan=document.getElementsByTagName("span")[0];  
57. oospan=ospan.innerHTML;  
58.            if(oospan.indexOf(str2)!=-1){  
59. newinnerHTML=oospan.split(str2);  
60.                   //alert(newinnerHTML);  
61. ospan.innerHTML=newinnerHTML.join(str3);  
62.                 }  
63.          }  
64.       }  
65. </script>  
66. </head>  
67. <body>  
68. <div id="container">  
69. <span>教养和文化是两回事，有的人很有文化，但是很没教养，有的人没有什么太高的学历和学识，但仍然很有教养，很有分寸。教养是带有某种天生的素质和一点一滴的积累。人生那么长，未知的东西那么多。人与人之间的关系往往是相互的，与人为善，也是与自己为善。让自己更平和一点，更豁达一点，对于身边的过错，让自己更宽容一点。人人都有他的难处，何必强求于人。人生在世，行路匆匆，生活充满变数，时而乐极生悲，时而苦尽甘来，一切不必较真，只须笃定前行。要敢于认错，既然错了，就要纠正，虚假是味毒药，真实能帮你把失去的赢回来；要敢于担当，回避不是办法。人出生时，是一块质朴的石块，有棱有角，生气勃勃。但是，在生活无情的打磨中，人生慢慢被磨去棱角，变得圆滑而世故。要做坚守在悬崖峭壁上石块，勇敢忍受风霜的雕刻，永远保留自己的棱角。不要做河流里的石头，享受微波多情的抚摸，最后变成一块光亮的鹅卵石。</span></br>  
70. <div id="box">  
71. <button>查找</button>  
72. <button>替换</button>  
73. <p><input type="text"><input type="button" value="查找"></p>  
74. <p><input type="text"><input type="text"><input type="button" value="替换"></p>  
75. </div>  
76. </div>   
77. </body>  
78. </html>