html javascript

来源:互联网 发布:苹果手机自带软件 编辑:程序博客网 时间:2024/05/16 08:05

padding-left//?
p>d>d  //?
background-image:url(bg2.jpg); /* 背景图片 */
7 background-repeat:repeat-y; /* 垂直方向重复 */

 margin
list-style-type:decimal;        /* 项目编号 */

var oLi = document.getElementsByTagName("li");
alert(oLi.length + " " +oLi[0].tagName + " " + oLi[3].childNodes[0].nodeValue);
getElementById
oUl.hasChildNodes()//判断是否有子节点
myItem.parentNode.tagName       parentNode.className       
getAttribute
 myImg.setAttribute("src","02.jpg");
7 myImg.setAttribute("title","紫荆公寓");//用于动作,例如点击后更改图片

numNodeType = xmlDocNode.nodeType ;
说 明
此属性只读且传回一个数值。

有效的数值符合以下的型别:
1-ELEMENT
2-ATTRIBUTE
3-TEXT
4-CDATA
5-ENTITY REFERENCE
6-ENTITY
7-PI (processing instruction)
8-COMMENT
9-DOCUMENT
10-DOCUMENT TYPE
11-DOCUMENT FRAGMENT
12-NOTATION



 var oP = document.getElementsByTagName("p")[0];
 oP.parentNode.removeChild(oP); //删除节点

 oOldP.parentNode.replaceChild(oNewP,oOldP); //替换节点


attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)
addEventListener方法 用于 Mozilla系列
举例:
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行
写成这样:
var btn1Obj = document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
执行顺序为method3->method2->method1

如果是Mozilla系列,并不支持该方法,需要用到addEventListener
var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);
执行顺序为method1->method2->method3

使用实例:
1。
var el = EDITFORM_DOCUMENT.body; 
//先取得对象,EDITFORM_DOCUMENT实为一个iframe
if (el.addEventListener){
     el.addEventListener(’’click’’, KindDisableMenu, false);
} else if (el.attachEvent){
     el.attachEvent(’’onclick’’, KindDisableMenu);
}
2。
if (window.addEventListener) {
   window.addEventListener(’’load’’, _uCO, false);
} els

//////////////////////////////////////////////////////////////////

var oTable = document.getElementById("member");
oTable.deleteRow(2);        //删除一行,后面的行号自动补齐
oTable.rows[2].deleteCell(1);    //删除一个单元格,后面的也自动补齐



//返回文本框字符个数是否符号要求的boolean值
return oTextArea.value.length < oTextArea.getAttribute("maxlength");
maxlength="50" onkeypress="return LessThan(this)

//var oSelectBox = oForm.constellation;
var oSelectBox=oForm.elements["constellation"];
var iChoice = oSelectBox.selectedIndex;    //获取选中项
alert("您选中了" + oSelectBox.options[iChoice].text);
/////////////////////////////////////////////////////////////////////////

var oTable = document.getElementById("member");
oTable.rows[3].cells[4].innerHTML = "lost";        //修改单元格内容


声明局部变量一定要用var

var oNewP = $("<p>这是一个感人肺腑的故事</p>");        //创建DOM元素
    oNewP.insertAfter("#myTarget");        //insertAfter()方法

原创粉丝点击