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> 要更改 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]