JavaScript总结---总和

原创 2006年06月15日 09:50:00

学习的网站:

www.ajaxian.com

www.ajaxpatterns.org

www.ajaxmatters.com/r/welcome

www.ajaxblog.com

www.adaptivepath.com

 

DOM的属性

childNodes

firstChild

lastChild

nextSibling

nodeValue

parentNode

previousSibling

DOM方法

getElementById(id)

getElementByTagName(name)

hasChildNodes()

getAttribute(name)

 

For example DOM

window.onload=function(){

var hello=document.getElementById('hello');

hello.className='declared';

var empty=document.getElementById('empty');

addNode(empty,"reader of");

addNode(empty,"Ajax in Action!");

var children=empty.childNodes;

for (var i=0;i<children.length;i++){

children[i].className='programmed';

}

empty.style.border='solid green 2px';

empty.style.width="200px";

}

function addNode(el,text){

var childEl=document.createElement("div");

el.appendChild(childEl);

var txtNode=document.createTextNode(text);

childEl.appendChild(txtNode);

}

For example

document.getElementsByTagName("UL")

 

For example

function addListItemUsingInnerHTML(el,text){

el.innerHTML+="<div class='programmed'>"+text+"</div>";

}

 

xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

特别要注意的地方

1

<table><tbody name=”myTableBody”></tbody></table>

Var cell = document.createElement(“td”).appendChild(document.createTextNode(“foo”));

Var row = document.createElemnet(“tr”).appendChild(cell);

Document.getElementById(“myTableBody”).appendChild(row);

 

2:

var spanElement = document.getElementById(“mySpan”);

spanElement.setAttribute(“style”,”font-weight:blod;color:red;”);

spanElement.style.cssText = “font-weight:blod;color:red;”;

 

3:

element.setAttribute(“class”,”styleclass”);

element.setAttribute(“className”,”styleclass”);

 

 

4:

var button = document.createElement(“input”);

button.setAttribute(“type”,”button”);

document.getElementById(“form1”).appendChild(button);

javascript基础数字间的求和

分享零基础javascript
  • qq_37252367
  • qq_37252367
  • 2017年01月04日 19:55
  • 246

javascript最全面的总结

http://www.cnblogs.com/ttyp/archive/2004/11/15/63900.aspx 事件源对象 event.srcElement.tagName ev...
  • jazywoo123
  • jazywoo123
  • 2011年11月08日 16:10
  • 619

史上最全的javascript知识点总结,浅显易懂。

一,认识javascript 1-1 为什么学习JavaScript 一)、你知道,为什么JavaScript非常值得我们学习吗? 1. 所有主流浏览器都支持JavaScript。 2. 目...
  • qiushi_1990
  • qiushi_1990
  • 2014年10月19日 10:03
  • 3188

网站设计之常见简单实用的JavaScript特效总结(上篇)

这篇主要是总结JavaScript常见简单实用的特效,主要从代码量短、简单实用几个方面进行叙述。其中特效包括: 1.鼠标悬停图片切换查看器; 2.鼠标移动图片放大; ...
  • Eastmount
  • Eastmount
  • 2016年12月19日 00:54
  • 2902

关于javascript事件总结和自己的心得体会

传统事件 1、表单事件 Form元素:submit、reset 按钮类表单元素:click 输入、选择框等元素:change 更换焦点:focus、blur,这两个事件不会冒泡,focusi...
  • fandongyuan521
  • fandongyuan521
  • 2017年04月20日 16:06
  • 363

JavaScript之事件总结

上篇已经介绍了DOM机制,主要是针对web页面结构及样式的设计。但是有了良好的界面设计还不够,还需要实现网页与用户的交互。我们的最终目的还是为用户服务,所以就需要用户来访问及操作web页。这就涉及到另...
  • u013036278
  • u013036278
  • 2015年06月21日 09:32
  • 1233

JavaScript 常用功能总结

编吐血整理加上翻译,太辛苦了~求赞!本文主要总结了JavaScript 常用功能总结,如一些常用的额JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式。 目录:众所周知,JavaScript...
  • powertoolsteam
  • powertoolsteam
  • 2016年01月21日 15:59
  • 2493

javascript高级程序设计读书笔记——事件总结

第13章 事件 1.1 事件冒泡     事件开始的时候从最具体的元素接收,然后逐级向上传播到较为不具体的节点。 1.2 事件捕获     事件捕获与冒泡相反,首先由不具体的节点接收,最后...
  • yinkaihui
  • yinkaihui
  • 2016年08月16日 00:34
  • 855

JavaScript全功能轮播图编写总结

效果如下(由于图片限制上传大小为2M,所以下面的动态图演示了部分功能),这套轮播图应该是功能非常全面了,包括预览小图,翻页按钮,右下角和左下角提示性的文字,中间的标记条,鼠标移入,点击等事件的处理等。...
  • rabbitter
  • rabbitter
  • 2016年04月18日 15:02
  • 1587

【JavaScript 基础知识】一篇关于 JavaScript 一些知识点的总结 —— 持续更新

JavaScript 中基础数据类型 数据类型名称 数据类型说明 Undefined 只有一个值,即 undefined,声明变量的初始值。 Null 只有一...
  • hvkCoder
  • hvkCoder
  • 2018年01月20日 11:25
  • 213
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript总结---总和
举报原因:
原因补充:

(最多只允许输入30个字)