个人中心
gpt4 book ai didi

JavaScript 兼容性问题

转载 作者：行者123 更新时间：2023-12-04 01:08:32 25 4
gpt4 key购买 nike

我做了很多研究，但找不到使脚本兼容所有浏览器的代码。我希望此功能可以在 Firefox、IE、Chrome 等中使用，但目前，它仅适用于 Chrome 和 Firefox 49 之前的版本。非常感谢任何帮助。代码如下:

<head>
    <script type="text/javascript">
        function toggle(tag) {
            var x = document.getElementsByName(tag)[0];
            var a = x.parentNode
            if (a.style.display == 'block') {
                a.style.display = 'none'
            } else {
                a.style.display = 'block'
            }
        }


        function init() {
            //this function will add show hide functionality to paired list items,
            //as long as the answer is a list item straight after the question list item.
            //You can also have as many separate lists as you want.
            //all lists must be contained within a div with id QA

            var obj = document.getElementById('QA');
            var elements = obj.getElementsByTagName('li');
            var index = 1
            //add javascript to question elements
            //you could also add styling to question elements here
            for (var i = 0; i < elements.length; i += 2) {
                var element = elements[i];
                element.innerHTML = "<a href='javascript:toggle(" + index + ")'>" + element.innerHTML + "</a>"
                index = index + 1
            }
            //add bookmark to answer elements and add styling
            var index = 1
            for (var i = 1; i < elements.length; i += 2) {
                var element = elements[i];
                element.innerHTML = "<a name='" + index + "' id='" + index + "'></a>" + element.innerHTML
                index = index + 1
                element.style.padding = '0px 0px 10px 20px' //add indent to answer
                element.style.listStyleType = 'none' //remove bullet
                element.style.display = 'none' //hide answer element
            }
        }

        window.onload = init;
    </script>
</head>

最佳答案

根据您 body 的结构，Document.getElementsByName() 在不同浏览器之间的行为可能不同:

The getElementsByName method works differently in different browsers. In IE & Opera, getElementsByName() method will also return elements that have an id attribute with the specified value. so you should be careful not to use the same string as both a name and an ID.

Source

关于JavaScript 兼容性问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40642495/

25 4 0
文章推荐： google-play - 为什么 Google Play 的事件设备安装量不等于每日设备安装总量减去每日设备卸载总量？
文章推荐： Qt。自动为应用添加版本
文章推荐： algorithm - 倒排索引和关系型数据库如何优化 "text search"？
文章推荐： Sharepoint:如何使用 JSOM 轻松获取相关子项目
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com