歌者文明清理员 发表于 2023-4-26 21:32:39

js修改标签属性

<body>
<img src='1.png' id='f'/>
<img src='2.png' id='b'/>
<script type="text/javascript">
// 更改id为f的标签的src属性为3.png
</script>
</body>

isdkz 发表于 2023-4-26 22:16:22

要更改 id 为 'f' 的 img 标签的 src 属性为 '3.png',您可以在 script 标签内编写 JavaScript 代码。这里是一个例子:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>更改图片源</title>
</head>
<body>
<img src='1.png' id='f'/>
<img src='2.png' id='b'/>
<script type="text/javascript">
// 更改id为f的标签的src属性为3.png
window.onload = function() {
var img = document.getElementById('f');
img.src = '3.png';
};
</script>
</body>
</html>


在这个示例中,我们使用 window.onload 事件确保在 DOM 加载完成后执行 JavaScript 代码。这会防止代码在元素可用之前执行。然后我们使用 `document.getElementById()` 获取具有特定 ID 的 img 元素,然后修改其 src 属性。
页: [1]
查看完整版本: js修改标签属性