javascript - 在javascript中添加属性

Question

如何使用javascript在视频标签内的源标签上添加属性src？我尝试了很多方法，例如：

$("#source-tag-id").setAttribute('src', 'attribute-value');

document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");

var h1 = document.getElementsByTagName("H1")[0];
var att = document.createAttribute("class");
att.value = "democlass";
h1.setAttributeNode(att);

标签： javascriptphpjquery

Answer 1

jQuery 使用.attr()，所以正确的是$("#source-tag-id").attr('src', 'attribute-value').

// wrong ✗
$("#source-tag-id").setAttribute('src', 'attribute-value');

// ok ✓
$("#source-tag-id").attr('src', 'attribute-value');

// vanilla ✓
document.querySelector('#source-tag-id').src = 'atribute-value';

使用 vanilla js，您可以通过 .classList 属性访问类，即：

document.getElementsByTagName("H1")[0].classList.add("democlass");

检查文件：

• https://api.jquery.com/attr/

• https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

• https://developer.mozilla.org/en-US/docs/Web/API/Element/classList