[已解决]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 属性。

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

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

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

浏览过的版块