js 获取 html标签

<div>sdfsd</div>

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-02-11
使用对象的outerHTML属性可以获得含对象自身在内的HTML代码, 但是好像只有IE支持这个属性, 其它浏览器对这个属性支持较差.
第2个回答  推荐于2018-02-12
方法如下:
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>";本回答被网友采纳
第3个回答  推荐于2016-01-23
创建一个div,然后把你获的的div放入创建的div中,获取创建的div的innerHTML
当然还有一个outHTML的方法,但是不是所有浏览器兼容的
var d = document.createElement("div")
d.appendChild(你获取的div对象)
alert(d.innerHTML)本回答被提问者采纳
第4个回答  2012-02-11
你可以获取这个div对象的父标签 然后 innerHTML
相似回答