Question

美好的一天，我有一个小的rpoblem，我无法从document.getElementById

中检索src html属性

<div id="1" src="great.png">

var a = document.getElementById(1).src;
document.write(a);

什么都没有。

Answer 1

src是div代码的非理解属性。你需要使用getAttribute('src')

var a = document.getElementById("1");
console.log( a.getAttribute('src') );
console.log( a.src ); // undefined

<div id="1" src="great.png">

使用img代码

var a = document.getElementById("1");
console.log( a.getAttribute('src') );
console.log( a.src );

<img id="1" src="great.png">

Answer 2

src没有div属性。您仍然可以使用getAttribute来检索它。

您还需要将id作为字符串传递。除pre

之外，请注意使用document.write

var a = document.getElementById('1').getAttribute('src');
document.write('<pre>'+a+'</pre>');

Answer 3

你可以试试这个

<body>
    <div id="1" src="great.png">
</body>
<script>
    var a = document.getElementById(1).getAttribute("src");
    document.write(a);
</script>