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()方法
- html javascript
- html:javascript
- HTML&JavaScript
- html + javascript
- 【JavaScript】 Html 引用 JavaScript
- 【JavaScript】2.JavaScript&html
- JavaScript HTML DOM - 改变 HTML
- JavaScript HTML DOM - 改变 HTML
- ch2.HTML,javascript简介-- HTML
- javascript html DOM 改变html
- ch2.HTML,javascript简介-- javascript
- html,javascript连接
- HTML/Javascript前途
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- XML+XSL+HTML+JavaScript
- html、javascript小技巧
- 用flex生成C++的文件实例分析
- JS 日期
- path
- 流场(向量场)临界点的检测与分类
- Hibernate 映射类型与Java 类型对照
- html javascript
- vs2003 to vs2005 发现一
- 常用正则表达式验证
- vmware 中安装linux 后如何安装vmtool
- test
- ATL Com 如何用线程产生异步事件
- ABAP-查询某个表在哪些程序中用到
- Linux下常见文件格式的压缩、解压小结
- 标准SQL语句1