Question

js 获取 html标签

<div>sdfsd</div>

获取到这个div对象后 通过那个属性可以取到这个div对象自身的html代码
“<div>sdfsd</div>”
不是用innerHTML 这个只能得到"sdfsd"

Answer 1

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标签内容。

Answer 2

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

Answer 3

方法如下：
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="<b>我们</b>";

Answer 4

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

Answer 5

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