javascript - 给对象添加属性

Question

如何更改作为对象给出的一些 HTML 代码中标记的属性？

目前，如果我这样做:

console.log(gallery.currItem);

我得到:

然后我做了:

console.log(gallery.currItem.html);

然后我在控制台中获取了 HTML(不是作为对象，我相信它和 texy 一样):

<video width="500" height="250" controls><source src="" type=""></video>

但我不确定如何通过添加属性 muted="muted" 来编辑 video 标签。

我试过:

console.log($(gallery.currItem.html).find('video'));

但这又返回了一个对象。 :/

Answer 1

我假设您正在使用 PhotoSwipe。 gallery.currItem.html 不是字符串而是实际的 html 元素。您可以直接编辑它的属性:

gallery.currItem.html.setAttribute("muted", "muted");

要确保它是一个实际元素，如果有疑问，请执行以下操作:

if(gallery.currItem.html.tagname) {
    gallery.currItem.html.setAttribute("muted", "muted");
} else {
    // append it to the dom or wrap it into jquery and then set the attributes
    gallery.currItem.html = $(gallery.currItem.html).attr("muted", "muted")[0];
}