DOM_03之元素及常用对象

1、修改样式:访问内联样式:elem.style.css属性名;获得其他:var style=getComputerStyle(elem);*(* 获得焦点onfocus;失去焦点onblur;);

2、修改内外部样式属性:①获得样式表对象:var sheet=document.styleSheets【i】;②获得cssRule对象:var rule=sheet.cssRules【i】;③修改cssRule属性:rule.style.css属性名=值;

3、添加:①创建空元素对象:var a=document.createElement(“a”);②设置元素相关属性:a.href=“http://xxx.com”;a.innerHTML=“跳转到XXX”;③将元素挂到指定父元素下:a、末尾追加:parent.appendChild(a);b、插入:parent.insertBefore(a,旧元素);c、替换:parent.replaceChild(a,旧元素);

4、文档片段:①创建文档片段:var frag=document.createDocumentFragment();②将平级子元素追加到frag下;③将文档片段整体添加到页面;

5、删除:①parent.removeChild(child);②child.parentNode.remove(child);

6、HTML DOM常用对象之Image:创建:var img=new Image();

7、HTML DOM常用对象之Select:属性:①selectedIndex:当前选中项的下标;②options:获得select下所有option元素的集合;创建:var opt=new Option(text,value);《==》var opt=document.createElement(“option”);opt.innerHTML=text;opt.value=value;③add(option):向select追加option对象;appendChild(option);④remove(i):移除select下i位置的option;⑤事件:onchange:当选中项发生改变时触发;

时间: 2024-08-06 13:41:51

DOM_03之元素及常用对象的相关文章

HTML5新增的语义元素、JS常用对象

HTML5新增的语义元素 <header>元素表示页面中一个内容区域或整个页面的标题,通常他可能是一个页面中的(指主体标记中的第一个元素),可以包含站点的标题.Logo和旗帜广告 <header> <img src="logo.png"> <h1>YEN的Java Web之路</h1> </header> <footer>元素表示整个页面或页面中一个区域块的脚注,通常包含一些基本信息,包括一些基本信息:

DOM_04之常用对象及BOM

1.添加:①var a=document.createElement("a"):②设置关键属性:③将元素添加到DOM树:a.parent.appendChild(a):b.parent.insertBefore(a,old):c.parent.replaceChlid(a,old): 2.优化:尽量少的操作DOM树,①如果同时添加父元素与子元素,应在内存中先将子元素拼到父元素下,再将父元素添加到DOM树:②如果添加多个平级子元素,应先将所有子元素放入文档片段,再将文档片段一次性添加到D

[独孤九剑]Oracle知识点梳理(九)数据库常用对象之常见package

本系列链接导航: [独孤九剑]Oracle知识点梳理(一)表空间.用户 [独孤九剑]Oracle知识点梳理(二)数据库的连接 [独孤九剑]Oracle知识点梳理(三)导入.导出 [独孤九剑]Oracle知识点梳理(四)SQL语句之DML和DDL [独孤九剑]Oracle知识点梳理(五)数据库常用对象之Table.View [独孤九剑]Oracle知识点梳理(六)数据库常用对象之Procedure.function.Sequence [独孤九剑]Oracle知识点梳理(七)数据库常用对象之Curs

HTML-DOM常用对象的用法(select/option/form/table)

HTML DOM 常用对象: 它对常用HTML元素操作的简化. Select对象 它代表页面上的一个select元素,常用属性有: select.value --当前选中项的value ,没有value,就返回选中项的内容. select.options --保存select下所有option元素对象,相当于: select.getElementsByTagName("option"): select.options.length --保存select下option的个数,清空sele

DOM创建和删除节点、HTML DOM常用对象[转]

创建和删除节点:——核心DOM   1. 创建单个元素节点:3步:      1. 创建空元素节点对象:         var elem=document.createElement("标签名");        比如: var a=document.createElement("a");          html: <a></a>      2. 设置新元素的关键属性:        比如: a.href="http://tm

BOM常用对象

1.BOM的常用对象: window  navigator history location dicument screen event navigator:保存浏览器配置信息的对象 cookicEnablcd:判断是否启用cookic userAgent:判断浏览器的名称和版本号 plugins:保存浏览器中所有插件信息的集合 screen:保存显示屏幕的对象信息 history:保存当前的历史记录栈 history.go(-1):后退 history.go(1):前进一次 history.g

cocos2d-x 3.0 常用对象的创建方式

cocos2d-x 3.0 中所有对象几乎都可以用create函数来创建,其他的创建方式也是有create函数衍生. 下面来介绍下create函数创建一般对象的方法,省得开发中经常忘记啥的. 1.精灵Sprite的4种创建方式 (1)根据图片资源路径来创建 ? 1 2 3 4 //根据图片路径来创建 auto sprite1 = Sprite::create(filepath); //根据图片路径来创建,并设置要显示的图片大小 auto sprite2 = Sprite::create(file

javascript之dom编程(4):常用对象3

一:body对象操作 1.概念 body对象是document对象的一个成员属性,通过document.body来访问. 使用body对象,要求文档的主体创建后才能使用,也就是说不能在 文档的body体还没有创建就去访问body, 2.Body常用属性: appendChild()  添加元素 removeChild()    删除元素 getElementsByTagName() 通过html元素名称,得到对象数组. bgColor             文档背景色 backgorund  

JS基础13-DOM访问表格子元素的常用属性和方法

一.DOM访问表格子元素的常用属性和方法如下: caption 返回表格的标题对象 rows 返回该表格里的所有表格行(数组) tbodies 返回该表格里所有<tbody.../>元素组成的数组 tfoot 返回该表格里所有<tfoot.../>元素 thead 返回该表格里所有<thead.../>元素 二.通过rows[index]返回表格指定的行所对应的属性: cells 返回该表格行内所有的单元格组成的数组 rowIndex 返回该表格行在表格内的索引值 se