189 8069 5689
JS认为HTML文件会被浏览器解析为文档流，写在HTML里面的所有标签元素都可以从文档流中读取到。基于这个理论，JS定义了一个document对象，专门用来处理文档流。
创新互联建站是一家以网络技术公司，为中小企业提供网站维护、成都做网站、成都网站制作、成都外贸网站建设、网站备案、服务器租用、空间域名、软件开发、小程序开发等企业互联网相关业务，是一家有着丰富的互联网运营推广经验的科技公司，有着多年的网站建站经验，致力于帮助中小企业在互联网让打出自已的品牌和口碑，让企业在互联网上打开一个面向全国乃至全球的业务窗口：建站联系电话：028-86922220
要想获取一个元素，有两种方式：一种是根据元素的类名（class属性值），另一种是根据元素的ID。假设有一个input元素，JS获取该元素的方式如下：
input class="isInput" id="input_first"
var element=document.getElementByClass("isInput")[0];或者
var element=document.getElementById("input_first");
需要注意的是，根据类名获取到的是一个数组，必须要通过下标才能获取到具体的某个元素。而根据ID获取到的则是具体的元素，所以常用的方式是用ID来获取。
1.首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。
2.然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。
3.通过value属性我们可以获得用户在input中输入的内容，如下图所示。
4.下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。
5.创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。
6.接下来就是获取ul元素了，如下图所示，仍然用getElementById方法。
7.最后通过调用appendChild方法将创建的li元素添加到ul列表中，如下图所示。
1、所谓元素，即html文档里面，所有的标签都可以称之为元素，比如说p、tr等，也就是说元素是个统称，一个文档里面有很多的元素。
2、所谓节点，是js为了对html文档进行操作，而开发的，即DOM，文档对象模型。即每个元素都可以称之为一个节点，节点是唯一的。
比方来说，《p》标签，肯定是一个p标签元素，那如果通过js对它进行样式控制的时候，就必须获取（找到）到这个元素，称之为节点，如果有好多元素，可以获得第1个、第2个或者第n个。
总之，元素是统称，节点是具有唯一性的。
使用createElement('ElementTagName')，例如创建div元素：
var DIV = document.createElement('div');
document.body.appendChild(DIV)//插入节点-div元素
这要分两种情况：
1、按钮在div中。
1
2
3
div
input type="button" id="btn" /
/div
我们可以通过：
1
2
var btn = document.getElementById("btn");//获取按钮节点
var div = btn.parentNode;//获取di元素，当然不一定div就是按钮的父元素，可以通过parentNode向上查找，最好还是给div加一个id
2、按钮不在div中
1
2
input type="button" id="btn" /
div/div
我们可以通过：
1
2
3
4
5
//以上这种情况最好给div加一个id,通过以下方式获得
var div = document.getElementById("div")
//如果不想加的话，以下方式
var divs = document.getElementsByTagName("DIV");
var div = divs.item(n);//n表示要取的div,从0开始