一.找到元素

1.通过ID找元素：document.getElementById("a")

2.通过class找元素：document.getElementsByClassName("b")

3.通过标签找元素：document.getElementsByTagName("div")

4.通过表单找元素：document.getElementsByName("c")

表单也可以通过前三种方法找元素，除了ID外其他方法都是通过返回数组找索引号获取元素的。

二.操作

分为三类：操作内容，操作属性，操作样式。第一步都要先找到元素并赋值给一个变量。

var m=document.getElementById("a")

1.操作内容：

获取内容：m.innerText

修改内容：m.innerText="要修改的内容"

获取内容（含标签）：m.innerHTML

修改内容（含标签）：m.innerHTML="<b>通过标签要修改的内容</b>"

修改表单内容可以直接通过修改value值改变。

2.操作属性：

获取属性：m.getAttribute(" ") 引号里为属性名。

修改属性：m.setAttribute(" "),(" ") 一个引号里为属性名，第二个引号里为属性值。

删除属性：m.removeAttribute(" ")

3.操作样式：

获取样式：m.style.样式名（只能操作内联）

修改样式：m.style.样式名="样式属性"

转载于:https://www.cnblogs.com/wyc1991/p/8686273.html

DOM2-document操作相关推荐

document操作例题1-延迟注册与二级菜单
一.倒计时10秒后可以注册 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http ...
html的document操作
代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...
全文检索Lucene（一）--Document操作与文本域加权
一.搭建基本环境在eclipse中创建普通的maven项目,并在pom.xml中引入相应的依赖. 这里只给出pom.xml中的依赖 <dependencies> ...
DOM-2 document对象、获取元素、节点、遍历树
一.document获取元素 1. 方法 document.getElementById('box') // 在IE8及以下是不分大小写的,而且name值也能匹配上 document.getEleme ...
用SAXBuilder、Document、Element操作xml
摘自:http://blog.163.com/cui_zhouyang/blog/static/7033972120093911330375/ import org.jdom.Document; im ...
js jquery操作的方面xml dom html dom css dom
1 xml dom 类似xml document 操作 --文档处理 js createTextNode createElementNode ... jq ...
Elasticsearch概述、ES概念、什么是搜索、全文检索、Elasticsearch功能，什么是distributed document store（来自网络+学习资料）
1.Elasticsearch概述 Elasticsearch是一个分布式.高性能.高可用.可伸缩的搜索和分析系统. 以下是来自百度的介绍: ElasticSearch是一个基于Lucene的搜索服务 ...
网页 JavaScript的DOM操作
今天,我首先对之前学习的内容进行了复习,然后学习了当鼠标指向某一个按钮时,切换对应的背景图片. <div id="d1"> </div> <input ...
45-js操作DOM和bom操作
一.js中的DOM和BOM的基本操作 ECMAScript(核心语法): BOM(Browser Object Model 浏览器对象模型) 操作浏览器 DOM(Document Object Mod ...
简单使用JDOM解析XML
简单使用JDOM解析XML 博客分类: xml XMLJava编程ASPVB 使用JDOM解析XML 一.前言 JDOM是Breet Mclaughlin和Jason Hunter两大Java ...

DOM2-document操作