プロが教えるわが家の防犯対策術!

下記のhtmlで要素の取得が出来ない。
htmlの内容
<HTML>
<HEAD>
<TITLE>menu</TITLE>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12 …
<script src="./01.js"></script>
</HEAD>
<BODY>
<OL id="target">
<LI><A HREF="./180101-0300.html" target="contents">180101-0300</A></LI>
<LI><A HREF="./180101-0400.html" target="contents">180101-0400</A></LI>
<LI><A HREF="./180101-0500.html" target="contents">180101-0500</A></LI>
</OL>
</BODY>
</HTML>

01.jsの内容
$(function(){
var obj=document.getElementById("target").getElementsByTagName("li");
alert(obj[0].textcontents);
});

結果は、undefineと表示される。180101-0300を表示をさせたい。
どうコーディングをすれば良いのだろうか。

済みません。指摘をお願いします。

A 回答 (1件)

こんにちは




 obj[0].textcontents
   ↓ ↓ ↓
 obj[0].textContent
としてみたらいかがでしょうか。


ライブラリを読み込んでいるので、それを利用するのなら
 alert($("#target li:first-child").text());
とか。
    • good
    • 0
この回答へのお礼

有難う御座います。

助かりました。

お礼日時:2017/11/29 14:57

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!