Dom直接选择器

一、导语

 

文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。

二、Dom直接选择器

 

2..1、直接查找标签

document.getElementById             根据ID获取一个标签
document.getElementsByName          根据name属性获取标签集合
document.getElementsByClassName     根据class属性获取标签集合
document.getElementsByTagName       根据标签名获取标签集合

2..2、 操作标签

操作的html内容如下：

<body>
    <div id="i1">我是小苏苏，你是大傻叉</div>
 
    <a>大傻叉</a>
    <a>dashacha</a>
    <a>cha</a>
</body>

1、document.getElementById

说明：根据ID获取一个标签

>>document.getElementById("i1")
<div id="i1">我是小苏苏，你是大傻叉</div>

2、document.getElementsByTagName

说明：根据标签名获取标签集合

 

posted @ 2018-01-25 18:42  人生是一场修行  阅读(225)  评论(0)  编辑  收藏  举报