テキストはinnerTextまたはinnerHTMLを使用して表示されません

タイトルとして、私はまだJavaScriptを学んでいると初心者です。
これここにHTMLファイル：テキストはinnerTextまたはinnerHTMLを使用して表示されません

<!DOCTYPE html> 
<html> 
<head> 
<title>jQuery</title> 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
</head> 
<body> 
    <h1 class="menu"></h1> 
    <script type="text/javascript"> 
    function clr(o){ 
    var a1 = []; 
    var i = 0; 
    for (var k in o){ 
     a1[i] = 0; 
     i++; 
    } 
    return a1; 
    } 
    console.log(clr({a:"a", b:"b", c:"c"})); 
    document.getElementsByClassName("menu").innerText = clr({a:"a", b:"b", c:"c"}); 
    </script> 
</body> 
</html>

出典

2016-10-10 Seif Eddine Slimene

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName – Andreas

ただ、まだそれを自分でテストし、問題が何を教え、ページ空の！ –

あなたはjQueryのを実行しているので、あなたはjQueryのメソッドを使用することができます。以下のようなtext()または

html()しかし、あなたの問題は、あなたがしなければならないので、document.getElementsByClassName("menu") HTMLコレクションを返すことです：document.getElementsByClassName("menu")[0].innerHTML

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>jQuery</title> 
 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
</head> 
 
<body> 
 
    <h1 class="menu"></h1> 
 
    <script type="text/javascript"> 
 
    function clr(o){ 
 
    var a1 = []; 
 
    var i = 0; 
 
    for (var k in o){ 
 
     a1[i] = 0; 
 
     i++; 
 
    } 
 
    return a1; 
 
    } 
 
    console.log(clr({a:"a", b:"b", c:"c"})); 
 
    $(".menu").text(clr({a:"a", b:"b", c:"c"})); 
 
    </script> 
 
</body> 
 
</html>

出典

2016-10-10 08:25:23

document.getElementsByClassName("menu")は、要素の配列に似たNodeListを返すようクラスmenuが含まれています。

これはArray-likeオブジェクトなので、[]を使用して個々の要素にアクセスする必要があります。

document.getElementsByClassName("menu")[0].innerHTML = clr({a:"a", b:"b", c:"c"}); 
----------------------------------------^

出典

2016-10-10 08:25:36 nem035

が、私はカップルの事を、編集：あなたのケースで

は、それはあなたが位置0でそれを取得する必要があり、それをアクセスするために、1つの要素、h1要素の配列になります。あなたは近くにいた。私はh1にIDを与えました。また、document.getElementByIdを使用しました。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>jQuery</title> 
 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
</head> 
 
<body> 
 
    <h1 id="menu"></h1> 
 
    <script type="text/javascript"> 
 
    function clr(o){ 
 
    var a1 = []; 
 
    var i = 0; 
 
    for (var k in o){ 
 
     a1[i] = 0; 
 
     i++; 
 
    } 
 
    return a1; 
 
    } 
 
    console.log(clr({a:"a", b:"b", c:"c"})); 
 
    document.getElementById("menu").innerHTML = clr({a:"a", b:"b", c:"c"}); 
 
    </script> 
 
</body> 
 
</html>

出典

2016-10-10 08:26:08

テキストはinnerTextまたはinnerHTMLを使用して表示されません

答えて

関連する問題