Javascript 在函数启动时更改iframe的ID

我有一个关于更改iframe的id的问题。我想在启动某个功能时更改id

那么什么时候

 <a class="btn-blue" ng-click="initiatePurchase()">Upgrade Now</a>

因此，我希望目标iframe的id发生更改：

<iframe class="iframe" id="hpwsFrame" allowfullscreen="" frameborder="0">
</iframe>

我仍然想知道在initiatePurchase功能启动后如何更改id，如果有人能帮助我，我将不胜感激

---

谢谢你

“这样函数的内容和src也会改变”我不明白你在这里的意思？！我的意思是，因为在函数initiate purchase中，我以id为目标元素添加src=success.redirect，我希望在使用不同的id启动函数之前拥有不同的src。那么，为什么不直接设置不同的src而不更改id呢？对我来说，这是一个XY问题，我不知道你到底想干什么。明白我说的XY问题是什么意思了：@meztli你为什么要更改id。保持id不变，保持src不变。。。什么都不管用？

<iframe class="iframe" id="hpwsFrame" allowfullscreen="" frameborder="0">
</iframe>

 <iframe class="iframe" sc="blahblah.html" id="hpwsFrame" allowfullscreen="" frameborder="0"></iframe>

  subscriptionControllers.controller('subscriptionController',['$scope','$http','$window','$location','restManager',
function($scope,$http,$window,$location,restManager){
    $scope.initiatePurchase = function(){
        console.log('initiating purchase');
        var data = {
                    redirectUrl: restManager.redirectOnFinishUrl
                    };
        restManager.purchaseCurrentPlan.post(data,
            function(success){
                if(success == undefined) throw "ERROR: Did not return a valid redirect url";
                console.log('successfully initiated purchase- redirecting to ',success.redirect);
                //THIS DOES NOTHING 
                document.getElementById('hpwsFrame').src = success.redirect;
            },
            function(error){
                console.log('error initiating purchase');
            }
        );
    }
}
]);