一、JS查找HTML元素
要通过JS去查找到HTML元素，有很多种方法，但无非都是与document对象相关。DOM即是document object model。
1.通过ID查找元素
如果要查找到一个特定的元素，可以在这个元素的标签名后，加上一个id属性，并自定义一个id的值，但要注意这个值不能以数字开头，不能有特殊符号，一般使用驼峰法。这样的目的，就是为了方便在JS中，可以通过ID和ID对应的值查找到指定的元素。要注意的是，在同一个页面中，id的值不能重复。
如：
<p id=’test’></p>
在JS中，查找到改元素的方法为：
document.getElementById(“test”)

2.通过元素名查找元素
除了特定的某个元素，也可以通过标签名去查找到所有的指定标签。在这里查找到的元素不是一个，而是一组，所有要注意，如果对某一个元素进行操作的时候，还需要额外指定。
如：
document.getElementsByTagName(“p”)
document.getElementsByTagName(“p”).item(0)
注意:在程序的逻辑中，从0开始计数。

二、通过JS对HTML对象进行操作
找到了HTML元素后，接下来就需要对HTML元素进行操作了。在这里简单的介绍一下几种常用的操作方式。当然，在对元素进行修改时，需要清晰的找到指定的标签。之前我们介绍了三种查找元素的方式，可以自己酌情选择一种进行选择。
1.操作文本内容
操作文本主要分为两种，一是获取HTML元素的文本内容，一是设置HTML元素的文本内容。这里介绍一个笨办法，对于任何操作基本都可以适用。设置的时候，把JS代码写在左边，具体的值写在右边；而获取的是，把JS的代码写在右边，然后赋值给变量就好了。操作文本，即表示只能控制元素内的文本内容，无法操作到标签。获取时，只能获取文本，而获取不到元素内的其他元素；而设置时，无论设置的内容里有没有HTML标签，都会作为文本显示出来。
如：
<p id=’test’>aaaa<b>sadf</b></p>
获取文本：
Var x=document.getElementById(‘test’).textContent;
//x=aaaasadf
设置文本：
document.getElementById(‘test’).textContent=’aaaa<b>derf</b>’;
//显示为aaaa<b>derf</b>，而不是aaaaderf

2.操作代码内容
以上方式可以对HTML的文本内容进行操作，而当想对代码标签也进行操作的话，需要换一个语句。
如：
<p id=’test’>aaaa<b>sadf</b></p>
获取代码：
Var x=document.getElementById(‘test’).innerHTML;
//x=aaaa<b>sadf</b>
设置代码：
document.getElementById(‘test’).textContent=’aaaa<b>derf</b>’;
//显示为aaaaderf ，而不是aaaa<b>derf</b>

3.操作HTML属性
当你相对HTML元素的某个属性进行操作时，如改变图片的路径，改变链接的地址等，需要用到JS的属性操作。在这里，可以直接选择元素，然后写上要使用的属性名就可以了。
如：
<img src=’../1.jpg’ alt=’提示’ id=’test’ />
获取属性：
Var x=document.getElementById(‘test’).src;
Var y=document.getElementById(‘test’).alt;
设置属性：
document.getElementById(‘test’).src=’../2.jpg’;
document.getElementById(‘test’).alt=’另一个提示信息’;

4.操作CSS样式
要改变元素的外观时，需要对元素的样式进行改变。需要注意的是，这里获取到的样式，必须是已经定义过的，默认样式无法获取。它的写法是在元素后控制style，然后指定要具体的CSS属性。当CSS属性出现下划线时，需要转换成驼峰法。
如：
<p id=’test’ style=’color:#f00;font-size:24px;’></p>
获取样式：
Var c=document.getElementById(‘test’).style.color;
Var f=document.getElementById(‘test’).style.fontSize;
设置样式：
document.getElementById(‘test’).style.color=’#00f’;
document.getElementById(‘test’).style.backgroundColor=’#ccc’;
以上为JS对HTML的基本DOM操作，目前来说我们接触到的内容还比较简单，更高深的内容，需要在之后对JS深入了解后，进行学习。