1.JS获取网页中HTML元素的几种方法分析
常用以下几种方式:
<div id="mued" class="mued"></div>
<script>
//通过DOM标签获取,会选择页面上所有的DIV标签
var divObj = document.getElementsByTagNames("div");
//通过ID获取,具有唯一性
var divObjId = document.getElementsById("mued");
//通过Class获取,会选择页面上所有CLASS名为mued的DOM标签
var divObjClass = document.("mued");
//如果使用jQuery库,相对来说比较简单
var jDiv = $("div");
var jDivId = $("#mued");
var jDivClass = $(".mued");
</script>
2.js 获取 html标签
方法如下:
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.js获取div内容
假设你的html中有以下的div
<div id="id1">
</div>
<div id="id2">
</div>
如果是要获取id是id1的div的数据,获取div里面的内容有两种方式
1,纯js获取数据
var a=document.getElementById("id1").innerText;
2,jqeury获取数据
var a=$("#id1").html();
4.如何用js获取js生成的html
获得JS生成后的HTML代码,首先需要要获取的是那一段代码,然后在通过innerHTML这个JS的方法来调用,然后在输出这段方法就行了;代码:
<script>var oDiv = document.getElementById('div1');alert(oDiv.innerHTML);</script><body>5.js获取input值进行判断,替换页面某div里面的html代码
<meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content="">