热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

改变 HTML 属性实例分享

2023-04-12 05:07:11

改变 HTML 属性实例分享
改变 HTML 属性
如需改变 HTML 元素的属性，请使用这个语法：
 
document.getElementById(id).attribute=新属性值
本例改变了 <img> 元素的 src 属性：
 
实例
<!DOCTYPE html>
<html>
<body>
 
<img id="image" src="smiley.webp">
 
<script>
document.getElementById("image").src="landscape.webp";
</script>
 
</body>
</html>
 
 
实例讲解：
 
上面的 HTML 文档含有 id="image" 的 <img> 元素
我们使用 HTML DOM 来获得 id="image" 的元素
JavaScript 更改此元素的属性（把 "smiley.webp" 改为 "landscape.webp"）
属性分享元素语法属性值改变

推荐阅读