Question

好的我有一些遗留的JS从用户测试中获得结果，我在我的代码中引用了这个JS文件，所以我可以在我的HTML中使用ID results-percentile-2

your score 
<span id="results-percentile-2"></span>%

但是我有一段javascript我想在ID中调用ID而不是HTML

<script>
        function move() {
            var elem = document.getElementById("myBar");
            var width = 0;
            var id = setInterval(frame, 50);
            function frame() {
                if (width >= 40) {
                    clearInterval(id);
                } else {
                    width++;
                    elem.style.width = width + '%';
                    document.getElementById("demo").innerHTML = width * 1  + '%';
                }
            }
        }
    </script>

我想用results-percentile-2设置宽度，我试过

<script>
        function move() {
            var elem = document.getElementById("myBar");
            var width = 0;
            var id = setInterval(frame, 50);
            function frame() {
                if (width >= document.getElementById("results-percentile-2")) {
                    clearInterval(id);
                } else {
                    width++;
                    elem.style.width = width + '%';
                    document.getElementById("demo").innerHTML = width * 1  + '%';
                }
            }
        }
    </script>

但是这是正确的方式，因为它不工作，或者我应该指向id所在的正确的js文件，例如

if (width >= myjavascript.js.getElementById("results-percentile-2"))

更新

这是使用

创建js的旧版代码

$("#next-button")
        .click(function () {
            a.eventHub.publish("ui/nextclick")
        }), this.showView("test")
}, UI.prototype.updatePercentile = function (a) {
    if (this.isStandalone || -1 == a.percentile) $("#results-percentages")
        .hide();
    else {
        $("#results-percentages")
            .show(), $("#results-percentile-1")
            .html(a.percentile), $("#results-suffix")
            .html(a.suffix), $("#results-suffix-2")
            .html(a.suffix), 1 === a.timesTaken ? ($("#results-timestaken")
            .html(a.timesTaken + " time"), $("#results-percentile-2")
            .html("100")) : ($("#results-timestaken")
            .html(a.timesTaken + " times"), $("#results-percentile-2")
            .html(a.percentile));
        var b = 0;
        $("#percentile-scale .scale-item")
            .each(function () {
                b += $(this)
                    .outerWidth()
            }), $("#percentile-scale .scale-indicator")
            .css("width", b * a.percentile / 100 + "%"),
            $(".scale-marker")
                .css("left", b * a.percentile / 100 + "%")

    }

Answer 1

使用此声明

if (width >= document.getElementById("results-percentile-2"))

您正在将值与对象进行比较（[SPAN]）。

您必须将语句更改为

if (width >= document.getElementById("results-percentile-2").innerHTML)

使用另一个js文件中的id

1 个答案: