文字不會顯示使用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")將返回元素的數組類節點列表是包含類menu。

由於它是一個類似於數組的對象，因此您需要使用[]訪問各個元素。

你的情況，這將是一個1元，該h1元素的數組，所以訪問它，你需要在0位置抓住它：

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

來源

2016-10-10 08:25:36 nem035

我編輯一對夫婦的事情。你很近。我給了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

回答

相關問題