jQuery和x27；s.text（）或JavaScripts.innerText有效吗？

我目前正试图在我的网站上制作一些文字动画，并建立一个小测试网站来摆弄。
这就是我的测试网站的样子：

试验
//我用jQuery尝试了什么
log（“内容：+$（'p'）.text（））；
//我用JavaScript做了些什么
var text=document.getElementsByClassName（'test'）。项（0）；
log（text.innerText）；
//这将返回HTMLCollection对象，文本[0]未定义
var text=document.getElementsByClassName（'test'）；
console.log（文本）；
你好，世界

//我用jQuery尝试了什么
log（“内容：+$（'p'）.text（））；
//我用JavaScript做了些什么
var text=document.getElementsByClassName（'test'）。项（0）；
log（text.innerText）；
//这将返回HTMLCollection对象，文本[0]未定义
var text=document.getElementsByClassName（'test'）；
console.log（文本）

你好，世界
 
您的脚本必须位于身体底部。结果如下：



试验
你好，世界
//我用jQuery尝试了什么
log（“内容：+$（'p'）.text（））；
//我用JavaScript做了些什么
var text=document.getElementsByClassName（'test'）。项（0）；
log（text.innerText）；
//这将返回HTMLCollection对象，文本[0]未定义
var text=document.getElementsByClassName（'test'）；
console.log（文本）；
您的脚本必须位于身体底部。结果如下：



试验
你好，世界
//我用jQuery尝试了什么
log（“内容：+$（'p'）.text（））；
//我用JavaScript做了些什么
var text=document.getElementsByClassName（'test'）。项（0）；
log（text.innerText）；
//这将返回HTMLCollection对象，文本[0]未定义
var text=document.getElementsByClassName（'test'）；
console.log（文本）；
在脚本运行之前，您需要等待页面加载（DOM）。正如我现在看到的，您的脚本在创建段落（
）元素之前运行

您可以：

1） 使其能够在加载页面后运行代码。（推荐）。。。或

2） 将脚本移动到段落（
）标记之后

方法1

// jQuery
$(document).ready(function() {
    console.log("Content: " + $('p').text());
});

// JavaScript
document.addEventListener("DOMContentLoaded", function(){
  // Handler when the DOM is fully loaded
  var text = document.getElementsByClassName('test').item(0);
  console.log(text.innerText);
});

方法2：请参考@Edit的答案。
在脚本运行之前，您需要等待页面加载（DOM）。正如我现在看到的，您的脚本在创建段落（
）元素之前运行

您可以：

1） 使其能够在加载页面后运行代码。（推荐）。。。或

2） 将脚本移动到段落（
）标记之后

方法1

// jQuery
$(document).ready(function() {
    console.log("Content: " + $('p').text());
});

// JavaScript
document.addEventListener("DOMContentLoaded", function(){
  // Handler when the DOM is fully loaded
  var text = document.getElementsByClassName('test').item(0);
  console.log(text.innerText);
});

方法2：请参考@Edit的答案。
这将使脚本正常工作，但没有解释原因。这是一个很好的解释文档解析顺序的机会。这将使脚本正常工作，但它没有解释原因。这是一个很好的机会来解释解析文档的顺序。您的帖子经过编辑，代码在javascript部分移动，现在可以工作了。您的帖子经过编辑，代码在javascript部分移动，现在可以工作了。感谢您的解释！使用第一种方法似乎比在加载元素后运行脚本更方便，因为我可以保持html文件的组织（而且可能不太容易出错）：谢谢解释！使用第一种方法似乎比加载元素后运行脚本更方便，因为我可以保持html文件的组织（而且可能不太容易出错）：P