Javascript 如何动态更新“非常规”HTML元素属性？

如何使用JavaScript、jQuery或Angular动态更新非常规的、不多的用例HTML元素属性

我尝试过使用[src]=cvv Angular，但似乎运气不太好。我甚至不确定所有这些属性都可以动态更新

示例：如何更新下面表单元素中的action=URL和target属性

您可以使用setAttribute

取自

您可以使用以下命令

var form = document.querySelector(".wpwl-form")[0];
var iframe = document.querySelector(".wpwl-control")[0];

form.setAttribute("action", "value for action");
form.setAttribute("target", "value for target");

iframe.setAttribute("src", "value for src");

---

无法进行测试，但应该可以

我看不出角度属性绑定有任何问题，比如

<form class="wpwl-form" [action]="url" method="POST" [target]="target"> 

---

使用Angular，您可以将HTML属性绑定到变量，更新此变量将更新属性。 在您的示例中，应该使用[action]和[src]，而不是action和src

例如：

---

如果你使用角，你不应该在表单元素中使用动作标签，而应该以角度的方式来做。当绑定在SRC角度的URL会考虑URL是不安全的URL。要确保你是绑定的安全URL，你应该使用标记URL的安全性。 组件技术

---

将引用变量添加到iframe中，并使用ts文件中的ViewChild访问它。 使用该变量，可以修改属性

 <iframe #ifrme style="height: 400px;width:400px" frameborder="0" src="https://test.oppwa.com/v1/pciIframe.html"></iframe>

 ngAfterViewInit(){
    this.ifrme.nativeElement.src= "https://www.niceonecode.com/";
  }

---

为什么我们需要使用javascript，而这只能通过angular实现？@jitender你知道angular是javascript吗？你也读过这个问题吗？我如何使用JavaScript、jQuery或Angular动态更新非常规的不多用例HTML元素属性？@jitender这个问题不是Angular特有的，用户已在javascript/jquery/angular中询问了执行此操作的方法。@Hemendra如果某人不知道正确的路径，请不要将其引导到错误的路径path@jitender你没有完整地阅读这个问题，也没有在这篇文章中评论你的答案，而这个问题很可能是100个其他问题的翻版。

var form = document.querySelector(".wpwl-form")[0];
var iframe = document.querySelector(".wpwl-control")[0];

form.setAttribute("action", "value for action");
form.setAttribute("target", "value for target");

iframe.setAttribute("src", "value for src");

<form class="wpwl-form" [action]="url" method="POST" [target]="target"> 

url='https://test.oppwa.com/v1/checkouts/EB477281A6AA/payment';
target='card_1270556498138'

 srcUrl: string = "https://www.youtube.com/embed/Fdf5aTYRW0E";
  safeUrl;
  constructor(private sanitizer: DomSanitizer) {
    const url = this.sanitizer.sanitize(SecurityContext.URL, this.safeUrl);
     this.safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.srcUrl);
  }

 <iframe #ifrme style="height: 400px;width:400px" frameborder="0" src="https://test.oppwa.com/v1/pciIframe.html"></iframe>

 ngAfterViewInit(){
    this.ifrme.nativeElement.src= "https://www.niceonecode.com/";
  }