简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - getElementById选择的a标签为什么是链接地址而不是object？
PHPz
PHPz 2017-04-10 12:41:23
0
4
875

按照官方的解释，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>
PHPz
PHPz

学习是最好的投资！

Antworte allen(4)
数据分析师
数据分析师2017-10-01 01:13:25 4 Etage

javascript - getElementById选择的a标签为什么是链接地址而不是object？-PHP中文网问答-javascript - getElementById选择的a标签为什么是链接地址而不是object？-PHP中文网问答

围观一下哦，学习一下。

Wie +0
Antwort hinzufügen
大家讲道理
大家讲道理2017-04-10 12:43:23 3 Etage 
<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>
Wie +0
Antwort hinzufügen
迷茫
迷茫2017-04-10 12:43:23 2 Etage

因为调用了toString()这一个方法，而这一个方法又是Native Code的。不过可以自定义的。

Wie +0
Antwort hinzufügen
刘奇
刘奇2017-04-10 12:43:23 1 Etage

如果想输出p和SPAN里面的内容
可以用
alert(demop.innerText);
alert(demoSpan.innerText);

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！