如何利用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的数据啦

<script type="text/javascript">

        $(document)ready(function() {

            $("#select")click(function() {

                var startdate = $("#startdate")datebox('getValue');

                var endate = $("#enddate")datebox('getValue')

                $ajax({

                    type: "post",

                    dataType: "html",

                    url: "/Service/WebServiceashxMethod=GetMealCalendHtml",

                    data: { startDate: startdate, endDate: endate },

                    success: function(json) {

                        $("#calendaPanel")empty();

                        $("#calendaPanel")append(json);

                    }

                });

            });

        });

        function Oncheck(mealdata) {

            $("#" + mealdataid + " input[type=checkbox]")each(function() { consolelog(this) });

        }  

    </script>

以上就是关于如何利用ActiveX获取HTML的数据元素全部的内容，包括:如何利用ActiveX获取HTML的数据元素、ajax html 如何获取html元素、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！