简体中文(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
874

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

学习是最好的投资！

全員に返信(4)
数据分析师
数据分析师2017-10-01 01:13:25 4棟

javascript - getElementById によって選択されるタグがオブジェクトではなくリンク アドレスであるのはなぜですか? -PHP中国語サイトQ&A-javascript - getElementByIdで選択されるタグがオブジェクトではなくリンクアドレスなのはなぜですか？ -PHP中国語サイトQ&A

ぜひ見て学んでください。

いいねを押す +0
返信を追加
大家讲道理
大家讲道理2017-04-10 12:43:23 3棟 
<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>
いいねを押す +0
返信を追加
迷茫
迷茫2017-04-10 12:43:23 2棟

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

いいねを押す +0
返信を追加
刘奇
刘奇2017-04-10 12:43:23 1棟

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

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！