2

从 html 元素中删除所有 tabindex 属性的最佳方法是什么？GWt 似乎放置了这个属性，即使它没有在代码中的任何地方设置。它将 tabindex 设置为 -1。

我有下面的代码，但它很乏味，因为我必须根据标签名称搜索每个元素，这会减慢页面加载速度。还有其他建议吗？我更喜欢该解决方案不使用 javascript，因为我是新手。

        NodeList<Element> input =  this.getElement().getElementsByTagName("input");

        if(input.getLength()>0)
        {
            for(int i=0; i<=input.getLength(); i++)
            {

                    input.getItem(i).removeAttribute("tabIndex");

            }

        }
        NodeList<Element> div =  this.getElement().getElementsByTagName("div");

        if(div.getLength()>0)
        {
            for(int i=0; i<=div.getLength(); i++)
            {

                    div.getItem(i).removeAttribute("tabIndex");

            }

        }
4

3 回答 3

8

我不完全确定你在问什么。您要删除选项卡索引属性。你要么：

  • 在 HTML 中手动将 tabindex 属性设置为 -1。
  • 使用您已有的代码。
  • 或者在另一个线程中使用简化的 JQuery 版本。

也许我误解了你想要达到的目标？

编辑

好吧，也许这个：

$(document).ready(function(){
    $('input').removeAttr("tabindex");
});

这应该删除它而不是将其设置为 -1 ......希望如此。对不起，如果我又误会了！

jQuery removeAttr 链接

于 2012-06-26T10:12:24.763 回答
0

我终于弄明白了。

我尝试了 Javascirpt/jquery，但他们无法删除 tabindexes，因为页面尚未完全呈现 - 我的面板以编程方式放置在window.load. 我所做的是利用RootPanel.classgwt （已经在使用，但我不知道）。

任务：要摆脱所有带有 -1 值的 tabindex，为所有脚本标签添加 type="tex/javascript"，为样式标签添加 type="text/css"，并为所有 img 标签添加一个 alt。这些都是为了 html 验证。

我不确定这是不是最好的方法，它确实会增加加载速度，但客户坚持要我这样做。所以这里是：

 RootPanel mainPanel = RootPanel.get(Test_ROOT_PANEL_ID);
        Widget widget = (Widget) getEntryView();
        mainPanel.add((widget));

        // Enable the view disable the loading view. There should always be
        // the loading panel to disable.
        Element mainPanelelement = DOM.getElementById(Test_ROOT_PANEL_ID);
        Element loadingMessage = DOM.getElementById(LOADING_MESSAGE);


       Element parent = loadingMessage.getParentElement();

        if(parent!=null)
        {
//i had to use prev sibling because it is the only way that I know of to access the body //tag that contains the scripts that are being generated by GWT ex.bigdecimal.js

    Element body = parent.getPreviousSibling().getParentElement();
            if(body!=null)
            {
                 NodeList<Element> elms = body.getElementsByTagName("*");
                 if(elms.getLength()>0)
                         {
                            Element element=null;
                            for(int i=0; i<=elms.getLength(); i++)
                            {
                                if(elms.getItem(i)!=null)
                                {
                                    element = elms.getItem(i);
                                    if(element.getTagName().compareToIgnoreCase("script")==0)
                                        element.setAttribute("type", "text/javascript");
                                    else if(element.getTagName().compareToIgnoreCase("style")==0)
                                        element.setAttribute("type", "text/css");
                                    else if(element.getTagName().compareToIgnoreCase("img")==0)
                                    {
                                        if(element.getAttribute("alt")=="")
                                                element.setAttribute("alt", element.getAttribute("title")!=" " ? element.getTitle() : " " );
                                    }
                                    else 
                                    {
                                        if(element.getTabIndex()<=0)
                                            element.removeAttribute("tabindex");
                                    }

                                }
                            }
                         }
            }

        }
        DOM.setStyleAttribute((com.google.gwt.user.client.Element) loadingMessage, "display", "none");
        DOM.setStyleAttribute((com.google.gwt.user.client.Element) mainPanelelement, "display", "inline");

        // Change cursor back to default.
        RootPanel.getBodyElement().getStyle().setProperty("cursor", "default");
    }
于 2012-06-28T08:13:18.170 回答
0

使用querySelectorAll函数返回文档中与指定选择器组匹配的元素列表（使用文档节点的深度优先前序遍历）。

function removeTagAttibute( attributeName ){
    var allTags = '*';
    var specificTags = ['ARTICLE', 'INPUT']; 

    var allelems = document.querySelectorAll( specificTags );
    for(i = 0, j = 0; i < allelems.length; i++) { 
        allelems[i].removeAttribute( attributeName );
    }
}

removeTagAttibute( 'tabindex' );
于 2016-06-27T10:01:29.787 回答