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");
  }

你可能感兴趣的:(javascript笔记)