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

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绑定on...

怎么用JS获取HTML标签内的内容
1、首先打开hbuilder软件,新建一个html文件,里面写入一个p标签和一个按钮标签。2、然后在p标签的下方设置一个script标签,里面写入js胆码;先获取p标签和按钮的dom对象,然后给按钮添加一个点击事件,再点击事件爱的回调中alertp标签的text属性即可。3、最后打开浏览器,可以看到一段文字和一个按钮,点...

js截取html标签
用outerHTMl获取元素内的html内容和文本,包括整个标签。document.getElementById('nav').outerHTML

js如何获取html input标签中内容
两种方案:<br>1. 元素获取,通过给input标签加id,通过getElementById(id)获取到该元素,然后直接访问它的value属性即可<br><input id="test"\/><br>例:var oInput=document.getElementById("test");<br>alert(oInput.value);\/\/获取到啦<br>2. 节点获取,通过获取表单元素,然后通过表单中中...

js 怎么获取标签里的属性
用JS获取Html标签属性有两种方法:如<a id="link" href="www.baidu.com" title="测试"blogname="前端开发">Web开发<\/a> JS代码:var ka=document.getElementByI d("link");alert(ka.getAttribute("id"));alert(ka.id);两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的...

JS中如何获取HTML中的值
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的<script>标签,输入js代码:$('body').append($('.name-price span').eq(0).find('b').text());。3、浏览器运行index.html页面,此时通过jQuery取到了书名“数值分析”并打印了出来。

用js写根据类名获取HTML标签对象的方法
\/* * 取得对应类和标签的HTML元素 * clsName:给定类名 * tagName:给定的HTML元素,如果为任意 tagName='*' * *\/ function getElementsByClassName(clsName, tagName) { var ClassElements = []; selElements = document.getElementsByTagName(tagName); for (var i = 0; i < sel...

javascript如何判断html标签的类型
在JavaScript中,可以通过访问DOM树来判断HTML标签的类型。DOM树是指文档对象模型,是由浏览器生成的树形结构,表示HTML文档的层次结构。点击学习大厂名师精品课通过DOM树,我们可以获取到HTML标签的类型,具体的方法如下:1.使用document对象获取HTML标签可以通过document对象获取HTML文档中的元素。2.使用DOM节点...

我用JS获取了一个HTML标签的属性值,然后这个属性值怎么写入一个XML文 ...
<\/root> js: window.onload=function(){ var xml=new ActiveXObject("MSXML2.DOMDocument.5.0"); \/\/创建对象 xml.async=false; \/\/同步 xml.load("x.xml"); \/\/载入 alert(xml.documentElement.selectNodes("main\/n\/name")[1].tagName); \/\/取标签名 alert(xml.documentElement....

前端js编程中如何获取html的dom节点?
在前端JavaScript编程中,获取HTML的DOM节点是基本技能之一,主要通过以下几种方式实现:例如,若要获取ID为“myElement”的元素节点,可采用此代码:通过这种方式,你可以直接操作该元素。若要获取所有特定标签元素的DOM节点,可以利用以下代码:这样,你便能获取到所有匹配标签的所有节点。当需要获取具有特定...

相似回答