JavaScript学习笔记——document对象的内容、属性、样式的操作

javascript-对文档对象的内容、属性、样式的操作(上)

一、操作内容
  1.  innerHTML 用来设置或获取对象起始和激素标签内的内容(识别html标签)
  2.  innerText 用来设置或获取对象起始和激素标签内的内容 (IE)
       textContent用来设置或获取对象起始和激素标签内的内容 (FF)

  3.  outerHTML 用来设置或获取包括本对象在内起始和激素标签内的内容(识别html标签)
       outerText 用来设置或获取包括本对象在内起始和激素标签内的内容

二、操作属性
  1.直接操作
    对象.属性
    对象.属性=值 (设置、获取、添加属性(属性值))

  2.
    getAttribute("属性") 获取给定的属性的值
    setAttribute("属性","值") 设置或是添加属性

三、操作样式

  1.行内样式
    对象.style.属性
    对象.style.属性=值 (设置、获取、添加属性)
    ****************************************************
    遇到属性是"-"链接的,要将"-"去掉,后面的单词的首字母大写
    ****************************************************

  2.css层叠样式

  3.行内样式和css层叠样式通用的方式

时间: 2024-10-09 09:07:59

JavaScript学习笔记——document对象的内容、属性、样式的操作的相关文章

javascript学习笔记---ECMAScriptECMAScript 对象----定义类或对象

使用预定义对象只是面向对象语言的能力的一部分,它真正强大之处在于能够创建自己专用的类和对象. ECMAScript 拥有很多创建对象或类的方法. 原始的方式 因为对象的属性可以在对象创建后动态定义(后绑定),类似下面的代码: var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function() { alert(this.color); };不过这里有一

javascript学习笔记---ECMAScriptECMAScript 对象----修改对象

通过使用 ECMAScript,不仅可以创建对象,还可以修改已有对象的行为. prototype 属性不仅可以定义构造函数的属性和方法,还可以为本地对象添加属性和方法. 创建新方法 通过已有的方法创建新方法Number.prototype.toHexString = function() { return this.toString(16); }; 在此环境中,关键字 this 指向 Number 的实例,因此可完全访问 Number 的所有方法.有了这段代码,可实现下面的操作: var iNu

JavaScript学习笔记——DOM对象

javascript-document对象详解 DOM document(html xml) object modledocument对象(DOM核心对象) 作用: 1.内容 innerHTML 2.属性 3.样式 document对象 一.属性 title 返回或设置当前文档的标题 URL 返回当前文档的url bgColor 设置文档的背景色 fgColor 设置文档的前景色(设置文字颜色) 二.方法 getElementById(idname) 返回拥有指定id的(第一个)对象的引用 ge

JavaScript学习笔记——BOM_window对象

javascript浏览器对象模型-windwo对象(上) BOM Browser Object Model window对象 是BOM中所有对象的核心. 一.属性 1.(位置类型-获得浏览器的位置) IE: window.screenLeft 可以获得浏览器距屏幕左上角的左边距 window.screenTop 可以获得浏览器距屏幕左上角的上边距 //IE //左边距 //alert(screenLeft) //上边距 //alert(screenTop) FF: alert(screenX)

Javascript学习笔记:对象的创建

最基本的对象创建方式是通过Object构造函数或对象字面量的方式创建: ①通过Object构造函数的方式创建对象: 1 var person=new Object();//或者写成var person={} 2 person.name='张三'; ②通过对象字面量的方式创建对象: 1 var person={name:'张三'}; Object构造函数模式和对象字面量模式这两种创建对象的方式,都有明显的缺点:使用同一个接口创建很多对象的时候,会产生大量的重复代码.为解决这个问题,可以使用工厂模式

Javascript学习笔记:对象的属性类型

在ECMAScript中有两种属性:数据属性和访问器属性 1.数据属性 configurable:表示能否通过delete删除属性从而重新定义属性:或者能否修改属性的特性:或者能否把属性修改为访问器属性. enumerable:表示能否通过for-in循环返回属性. writable:表示能否修改属性的值. value:包含这个属性的数据值,读取属性的时候,从这个位置读:写入属性的时候,把新的值保存在这个位置. 2.访问器属性 configurable:表示能否通过delete删除属性从而重新定

JavaScript学习笔记【2】表达式和运算符、语句、对象

笔记来自<JavaScript权威指南(第六版)> 包含的内容: 表达式和运算符 语句 对象 表达式和运算符 数组直接量中的列表逗号之间的元素可以省略,这时省略的空位会填充值undefined.元素列表末尾可以留下单个逗号,这时并不会创建一个新的值为undefined元素. 属性访问表达式,.identifier的写法只适用于要访问的属性名称是合法的标识符,并且需要知道要访问的属性的名字.如果属性名称是一个保留字或者包含空格和标识符,或是一个数字(对于数组来说),则必须使用方括号的写法.当属性

javascript学习笔记——如何修改&lt;a href=&quot;#&quot;&gt;url name&lt;/a&gt;

0.前言 使用了一段时间javascript,再花了点时间学习了jquery,但是总是感觉自己很"迷糊",例如<a href="#">url name</a>中,如果修改href中的"#"应如何编写代码,如果修改url name应如何编写代码.再加上javascript和jquery操作方法略有不同,所以我就更"迷糊"了. [说明] 曾经使用关键词--"innerHTML和value区别&qu

JavaScript学习08 Cookie对象

JavaScript学习08 Cookie对象 JavaScript Cookie Cookie对象: Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据). Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取. Cookie文件的格式: NS:Cookie.txt IE:用户名@域名.txt 有两种类型的cookie: (1)持久性cookie,会被存