html空void元素有哪些，如何动态给html标签加属性值

哎呦，小伙伴们，今天我们来讲一下html空void元素有哪些以及如何动态给html标签加属性值，赶紧跟我学起来吧！

首先来说说什么是html空void元素，它们就是指那些没有内容或者不能包含任何其他元素的html标签。常见的空void元素有：
、

那么如何给html标签加属性值呢？有两种方法：一种是在html标签内直接加，一种是动态加。第一种方法我们都知道，就是用属性名和属性值来表示，例如：

这里的src和alt就是属性名，而example.jpg和example则是对应属性的属性值。这种方法比较常用，简单易懂。

而第二种方法则是利用JavaScript，动态地给html标签加属性值，这样可以实现更加灵活的设置。我们可以用document.getElementsByTagName(tagName)获取所有特定标签名的元素，然后用element.setAttribute(attributeName, attributeValue)来设置属性值。例如：

var imgs = document.getElementsByTagName("img");

for(var i = 0; i < imgs.length; i++) {

imgs[i].setAttribute("src", "example.jpg");

}

这个例子就是给所有的标签动态设置了src属性的属性值为"example.jpg"。大家可以根据实际需求来动态设置其他属性。

好啦，今天的教程就到这里啦，大家掌握了吗？快来试试吧！ 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/