不能用document.getElementById检索src属性

can't retrieve src attribute with document.getElementById

本文关键字：src 属性 检索 getElementById document 不能      更新时间：2023-09-26

你好，我有一个小问题，我无法检索src html属性的document.getElementById

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

给了什么。

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">

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

您还需要将id作为字符串传递。附注:pre用于document.write 

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

JSFIDDLE

你可以试试这个

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