[已解决]js修改标签属性

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<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 属性。

跳转到最佳答案楼层

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 属性。

账号		自动登录	找回密码
密码			立即注册