js 获取 html标签

1、新建一个html文件，命名为test.html。

2、在test.html文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。

3、在test.html文件内，在div标签内，填写一段文字，并加入一个span标签。

4、在test.html文件内，创建一个button按钮，按钮名称为“获取html”。

5、给button绑定onclick点击事件，当按钮被点击咐伍时，执行myfun()函数。

6、在test.html文件内，在js标签内，创建myfun（）函数，衡培或在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方中大法将获得的html内容以弹窗形式显示

7、在浏览器打开test.html文件，点击按钮，查看获得的html标签内容。

使用对象的链老outerHTML属性可以获得含对象自身在内的HTML代坦念码, 但是好像只有IE支持这个属性, 其它浏览器对这个属让唤困性支持较差.

方法如下：
1.document.getElementById("zx");

通过ID获取html元素对象，ID号在html文档当中应该是唯一的。返回的是唯一element对象。并且所有浏览配山器都兼容。

2.document.getElementsByTagName("span")[0];

通过标签查找html对象，由于html标签在一个页面中可能重复很多次，所以当前页面返回的是一个数组。可以根据标签出薯卖基现的位置定位元素的对象。所有浏览器都兼容。

3.document.getElementsByName("hh")[0];

通过name属性来定位html对象，并不是所有标签都有name属性，可以人为的加上name属性，这样也可以定位到，由于name
属性可能有多个，不唯一。这个方法返回的也是一个数组，可以根据html当中name的位置，进行对name的定位。IE系列不兼容，不推
荐使用。

4.innerHTML：这个方法是获取该html元素的具体html代码

document.getElementById("zx").innerHTML;

还可以更新元素的html代码：

document.getElementById("zx").innerHTML="数谨我们";

创建一个div，然后把你获的的div放入创建的div中，获取创建的div的innerHTML
当然还有一个outHTML的方法，但是袜好知不是所有浏览器兼容的
var d = document.createElement("div"袜森)
d.appendChild(你获取的div对告消象)
alert(d.innerHTML)

你可以获取这个div对象的父标签 然后 innerHTML