javascript笔记

1、JavaScript严格区分大小写。

2、for/in循环

var person={fname:"John",lname:"Doe",age:25};

for (x  in person)
  {
  txt=txt + person[x];

  }

以上会输出 JohnDoe25

3、通过标签名查找HTML元素

本例查找 id="main" 的元素，然后查找 "main" 中的所有 <p> 元素：

var x=document.getElementById("main");

var y=x.getElementsByTagName("p");

这个例子对我的项目有帮助，我可以利用查找标签名的方式更新职位信息，当然也可以通过查找id进行。

4、改变某一HTML标签的内容

<script>
document.getElementById("p1").innerHTML="New text!";

</script>

还有这种写法，可能以后更改内容更方便些：

<script>
var element=document.getElementById("header");
element.innerHTML="New Header";

</script>

5、改变元素属性

document.getElementById( id).attribute= new value

如：改变了src属性

<script>
document.getElementById("image").src="landscape.jpg";
</script>

6、改变CSS之改变元素样式

<script>
document.getElementById("p2").style.color="blue";
</script>

7、创建新的html元素--如：追加一个新段落

<div id="div1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>

DOM 需要清楚您需要删除的元素，以及它的父元素。

这是常用的解决方案：找到您希望删除的子元素，然后使用其 parentNode 属性来找到父元素：

so，可以这样删除：

var child=document.getElementById("p1");
child.parentNode.removeChild(child);

8、关于ajax——创建xmlhttprequest对象

为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ：

var xmlhttp;
if (window.XMLHttpRequest)
  { // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  { // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }