如何利用ActiveX获取HTML的数据元素

在一个html页面生成的时候，js就已经把dom树创建好了

只要这棵树上有的数据，我们都可以通过js来获取使用

那么这个问题就变成js如何去查询dom树的节点了

js内置了以下几个查询节点的方法

1

2

3

documentgetElementById("id") //通过id来获取一个dom元素

documentgetElementsByName("name") //通过name属性来获取一个集合

documentgetElementsByTagName("tag") //通过标签来获取一个集合

如果要查找的元素本身有id，通过第一个方法可以直接获取，当我们得到了这个dom节点的时候就可以输出他的一系列数据了

举个栗子

1

2

3

4

5

6

7

8

9

10

11

12

var dom = documentgetElementById("id");

//如果是

alert(domsrc);

//如果该dom有class

alert(domclassName);

//如果该dom有value

alert(domvalue);

//如果该dom有文本

alert(dominnerHTML);

//输出dom的style

alert(domstylewidth);

//等等

当dom没有id的时候，我们就要依靠一些条件去找到我们想要的dom了

1

2

3

4

5

6

7

8

//寻找所有class为bold的div

var c = documentgetElementsByTagName("div"), len = clength, r = [];

for(var i=0;i<len;i++){

if(c[i]className == 'bold'){

rpush(c[i]);

}

}

//当得到了这些dom节点后，就可以用上面提到的方法继续访问每个dom的数据啦

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值，注意：索引值是从0开始计数的。获得当前元素的索引值可用click事件触发

$(selector)click(function() {

num = $(this)index();

}

示例代码如下：获取被点击的a标签的索引值

创建Html元素

<div class="box">

<span>点击a标签获取其索引值：</span>

<div class="content">

<a href="#">我是第一个a标签</a>

<a href="#">我是第二个a标签</a>

<a href="#">我是第三个a标签</a>

<a href="#">我是第四个a标签</a>

</div>

</div>

图样。win7自带一个字符串查找的工具findstrexe

新建一个fsbat 内容如下

findstr /r /i "\<<title></title>\>" %1 >> goodtxt

findstr /r /i "\<<meta name="keyword"/>\>" %1 >> goodtxt

再新建一个gobat 内容如下

for /r %%a in (html) do fsbat %%a

把这两个文件放到保存html文件的文件夹，运行gobat即可。

所以结果会自动保存到goodtxt中。

-------------------------------------------------------完结-------------------------------------------

  html中获取标签的数据，可以通过js来获取，如下代码：

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 ．是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 ．是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知！");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业！");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师：</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业：</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知：</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

以上就是关于如何利用ActiveX获取HTML的数据元素全部的内容，包括:如何利用ActiveX获取HTML的数据元素、html中怎样获取子元素的索引位置、批量获取html文件的<title>元素的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！