如何通过document对象来获取select标签下option元素的element对象?

Question

需求:自动生成目标元素的Xpath字符串目前思路:对document对象添加事件监听,当对页面元素进行操作时,获取activeElement,然后生成Xpath问题:目前input的text,Button,radio和checkbox测试都没问题,但是当操作select标签下的option时,activeElement返回的还是select的element对象有什么办法能获取到option的element对象吗

Answer 1

 var act = document.activeElement;
    if (act.tagName=="SELECT" && act.selectedIndex>=0) {
        act = act.options[act.selectedIndex];
    }
    alert(act.tagName);

Answer 2

可通过遍历表单的 elements[] 数组来访问某个 Select 对象

Answer 3

用jquer啊，$(document).find("select option").each(function(i, optElem){

//optElem为opt对象

});
如果非得用纯js那么可以使用getElementsByTagName方法，返回一个元素数组，如document.getElementsByTagName("select")，再调用返回元素的
selecElement。getElementsByTagName（“option”）获取option元素

document的常用方法：
getElementById 获取对 ID 标签属性为指定值的第一个对象的引用。 
getElementsByName 根据 NAME 标签属性的值获取对象的集合。 
getElementsByTagName 获取基于指定元素名称的对象集合。

Answer 4

不知道你具体代码怎么写的，是否可以对option绑定事件，通过activeElement和event的targetElement配合使用，选择合适的目标元素，或者对select绑定事件的时候，获取select下选中的option来作为目标元素，用jquer都是比较好写的

Answer 5

 对于不同类型的元素不要总是使用activeElement获取，可以动过点击事件的currentTarget等等对象，你再研究下，js写的不多