DOM操作语法（上）

来源：互联网发布：axure 什么软件编辑：程序博客网时间：2024/05/21 10:51

Dom操作

1. dom（document object model）

1. document文档（html文件和xml文件）（标记语言（带有标签如<body><div><a></a></div></body>））

2. object(对象)javascript是基于对象的（html元素转成的js对象）

注意：如果使用js操作或html文档，就需要先将html文档结构转成js对象

如 a）操作属性

B）操作内容

C）操作样式

2. 转成对象的两种形式

1. 通过标记名（多个）、id名（唯一）、name（多个）

Document中的三个方法

如：varobjs=document.getElementsByTagName(“div“ )

Varobjs=document。getElementById（“one“）

Varobjs=document。getElementsByName()

可以改变值也可以获取值

alert（对象名.属性名）

alert(objs.hrefs)获取值

objs.title=“知识改变命运“

也可以加属性

Objs.hello=“hello”

alert（objs.hello）

但只是临时使用，a标签中并没有该属性

2、操作内容

有两种方式

1. innerText（设置属性时不考虑标签，取属性时考虑标签）

如：

效果：

2. innerHTML（）在设置时识别标签

效果：

但innerText(IE) textContent(火狐)

InnerHTML(推荐使用，可以识别标记)如果考虑兼容性问题

3. 操作样式

1. objs.style.background-color= “red”遇到下划线把下划线去掉后面的单词首字母大写

4. objs.className= 类名（可以写一个类，改变多个操作样式）

输出对象所有属性名

0 0