我发现了很多这样的问题，但是没有一个是有帮助的
问题是当我尝试console.log(document.getElementById("image").getAttribute("src"))它只返回null
如何获得图像SRC属性?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Endless Discuss</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="dark-theme">
<button class="theme" onclick="change_theme()"><img src="theme/Dark.png" class="logo" id="image"></button>
<textarea class="input-post" id="comment-content" placeholder="Type message here..." onkeypress="enter(event)"></textarea><br>
<button class="submit" id="submit_button" onclick="post_comment()">Send</button>
<script src="script.js"></script>
</body>
</html>
仅使用getElementById()方法结果的src属性
console.log(document.getElementById("image").src);
把它放到你的JS代码中
var youtubeimgsrc = document.getElementById("ImageTagId").src;
我已经编码了一个简单的获取图像源示例代码。你可以看一下
function myFunction() {
document.getElementById("label").innerHTML = document.getElementById("myImg").src;;
}<img id="myImg" src="https://previews.123rf.com/images/aquir/aquir1311/aquir131100316/23569861-sample-grunge-red-round-stamp.jpg" width="107" height="98">
<button onclick="myFunction()">Click me to get image source</button>
<p id="label"></p>使用Jquery:美元("# image" .attr (src);