按照官方的解释，getElementById选择的是DOM元素，那么如下代码，选择的p、span、a弹出的都应该是字符串‘object’，可为什么a弹出的却是‘http://www.baidu.com’？怎么解释？
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function (){
var demoLink = document.getElementById('demoLink');
var demoSpan = document.getElementById('demoSpan');
var demop = document.getElementById('demop');
alert(demoLink);
alert(demop);
alert(demoSpan);
}
</script>
</head>
<body>
<a href="http://www.baidu.com" id="demoLink">这是一个链接</a>
<span id="demoSpan">这是一个span标签</span>
<p id="demop">这是一个span标签</p>
</body>
</html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
javascript - getElementById에 의해 선택된 a 태그가 객체가 아닌 링크 주소인 이유는 무엇입니까? -PHP 중국어 웹사이트 Q&A-javascript - getElementById에 의해 선택된 태그가 객체가 아닌 링크 주소인 이유는 무엇입니까? -PHP 중국어 홈페이지 Q&A
꼭 보고 배워보세요.
<a href="http://ooxx.ooxx" id="foo">sample text</a> <script type="text/javascript"> var foo = document.getElementById('foo'); console.log(foo); //打出来就知道了，foo没有问题 alert(foo); //在这里，关键在于alert这个方法会执行一次toString，javascript中，对HTMLAnchorElement执行toString，得到的就是HTMLAnchorElement.href console.log(foo.toString()); // 返回 http://ooxx.ooxx 和alert(foo)一样 </script>因为调用了toString()这一个方法，而这一个方法又是Native Code的。不过可以自定义的。
如果想输出p和SPAN里面的内容
可以用
alert(demop.innerText);
alert(demoSpan.innerText);